@theroutingcompany/components 0.0.24 → 0.0.25

package/README.md

@@ -2,24 +2,31 @@
 
 View the [StoryBook](https://6392297e45ccab79e466ee19-iytnzjepcr.chromatic.com/).
 
+## Developing Locally
+
+Clone the dashboard repo at the same level as this one. Then run `npm link ../component-library` from the dashboard repo. Then run `npm run dev` from the component library repo. This will make hot module reloading within dash work with the changes you make to the component files.
+
 ## Publishing
 
 First double check if everything that needs to exported is added to the `components/index.js` or `helpers/index.js` and run `npm run build` before.
 
 ### Public
 
-0. Get an approval on the relevant PR.
-2. Bump version number `npm version patch --no-git-tag-version`
-3. `npm publish --access public`.
-    * Usually adding `--dry-run` first is a good idea for double checking if the version number is correct.
-4. Enter the 2FA code for npm
+ - Login to NPM with the shared TREX 1pass creds.
+ - Execute the ./scripts/release.sh file.
+
+```
+npm run ready:release
+```
 
 ### Prerelease
 
-1. Add alpha tag to version number with `npm version prerelease --preid alpha --no-git-tag-version`
-2. `npm publish --tag alpha.[NUMBER] --access public` where `[NUMBER]` is replaced with the alpha number.
-   * Usually adding `--dry-run` first is a good idea for double checking if the version number is correct.
-3. Enter the 2FA code for npm
+ - Login to NPM with the shared TREX 1pass creds.
+ - Execute the ./scripts/prerelease.sh file.
+
+```
+npm run ready:prerelease
+```
 
 ## UI Libraries
 

package/dist/trc-components.es.js

@@ -10787,7 +10787,7 @@ const a3 = Rb, i3 = Q7, s3 = t3, l3 = r3, c3 = o3, d3 = Me`
   letter-spacing: ${m.letter_spacing_body_medium};
   color: black; /* Static/Text/Primary/Default */
 `, TA = () => /* @__PURE__ */ S(ro, { asChild: !0, children: /* @__PURE__ */ S(Yn, { label: "Close drawer", variant: "inverse", children: /* @__PURE__ */ S(lp, {}) }) }), f3 = A(jl)`
-  width: var(--drawer-width);
+  ${({ width: e }) => e && `width: ${e};`}
   z-index: 3;
   background-color: white;
   padding: 24px;
@@ -10829,12 +10829,20 @@ const a3 = Rb, i3 = Q7, s3 = t3, l3 = r3, c3 = o3, d3 = Me`
   letter-spacing: ${m.letter_spacing_body_medium};
   color: black; /* Static/Text/Primary/Default */
 `, m3 = {
-  medium: 540,
-  large: 900
+  small: "20vw",
+  medium: "40vw",
+  large: "60vw"
 };
 function RA({ children: e, size: t = "medium", ...r }) {
   const n = m3[t];
-  return /* @__PURE__ */ S(Vl, { ...r, style: { "--drawer-width": n }, children: /* @__PURE__ */ S(f3, { onInteractOutside: (o) => o.preventDefault(), children: e }) });
+  return /* @__PURE__ */ S(Vl, { ...r, children: /* @__PURE__ */ S(
+    f3,
+    {
+      width: n,
+      onInteractOutside: (o) => o.preventDefault(),
+      children: e
+    }
+  ) });
 }
 const IA = a3, AA = A(i3)`
   padding-top: 12px;