react-lib-tools 0.0.28 → 0.0.29

package/dist/react-lib-tools.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-Dv2f5CFF.cjs");exports.AppRoot=o.AppRoot;exports.Block=o.Block;exports.Box=o.Box;exports.Button=o.Button;exports.Callout=o.Callout;exports.Checkbox=o.Checkbox;exports.Code=o.Code;exports.ComponentProps=o.ComponentProps;exports.ComponentPropsSection=o.ComponentPropsSection;exports.DocsSection=o.DocsSection;exports.ErrorBoundary=o.ErrorBoundary;exports.ExternalLink=o.ExternalLink;exports.Header=o.Header;exports.ImperativeHandle=o.ImperativeHandle;exports.Input=o.Input;exports.Link=o.Link;exports.LoadingSpinner=o.LoadingSpinner;exports.NavLink=o.NavLink;exports.NavSection=o.NavSection;exports.Radio=o.Radio;exports.Select=o.Select;exports.Tooltip=o.Tooltip;exports.assert=o.assert;exports.cn=o.cn;exports.getIntentClassNames=o.getIntentClassNames;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index-ePMHO6oA.cjs");exports.AppRoot=o.AppRoot;exports.Block=o.Block;exports.Box=o.Box;exports.Button=o.Button;exports.Callout=o.Callout;exports.Checkbox=o.Checkbox;exports.Code=o.Code;exports.ComponentProps=o.ComponentProps;exports.ComponentPropsSection=o.ComponentPropsSection;exports.DocsSection=o.DocsSection;exports.ErrorBoundary=o.ErrorBoundary;exports.ExternalLink=o.ExternalLink;exports.Header=o.Header;exports.ImperativeHandle=o.ImperativeHandle;exports.Input=o.Input;exports.Link=o.Link;exports.LoadingSpinner=o.LoadingSpinner;exports.NavLink=o.NavLink;exports.NavSection=o.NavSection;exports.Radio=o.Radio;exports.Select=o.Select;exports.Tooltip=o.Tooltip;exports.assert=o.assert;exports.cn=o.cn;exports.getIntentClassNames=o.getIntentClassNames;
 //# sourceMappingURL=react-lib-tools.cjs.map

package/dist/react-lib-tools.d.ts

@@ -14,7 +14,8 @@ import { ReactNode } from 'react';
 /**
  * Displays an application shell with desktop and mobile layouts.
  */
-export declare function AppRoot({ navLinks, overview, packageDescription, packageName, routes, showOpenCollectLink, versions }: {
+export declare function AppRoot({ commonQuestions, navLinks, overview, packageDescription, packageName, routes, showOpenCollectLink, versions }: {
+    commonQuestions?: CommonQuestion[];
     navLinks: ReactNode;
     overview?: ReactNode | undefined;
     packageDescription: string;
@@ -72,6 +73,14 @@ export declare function Code({ className, html }: {
     html: string;
 }): JSX.Element;
 
+export declare type CommonQuestion = {
+    answer: ReactNode;
+    id: string;
+    question: ReactNode;
+};
+
+declare function CommonQuestionsRoute(): JSX.Element;
+
 export declare type ComponentMetadata = {
     description: Section[];
     filePath: string;
@@ -187,6 +196,7 @@ declare type Routes = Record<keyof typeof routes, Route>;
 declare const routes: {
     "*": LazyExoticComponent<PageNotFoundRoute>;
     "/": LazyExoticComponent<GettingStartedRoute>;
+    "/common-questions": LazyExoticComponent<CommonQuestionsRoute>;
     "/support": LazyExoticComponent<SupportRoute>;
     "/versions": LazyExoticComponent<VersionsRoute>;
 };

package/dist/react-lib-tools.js

@@ -1,4 +1,4 @@
-import { A as o, a as e, B as n, b as t, C as r, c as i, d as p, i as c, j as l, D as d, e as C, E as k, H as m, I as B, f as L, L as S, g as u, N as x, h as I, R as N, k as g, T as v, l as E, m as H, n as R } from "./index-ByJxcnn8.js";
+import { A as o, a as e, B as n, b as t, C as r, c as i, d as p, i as c, j as l, D as d, e as C, E as k, H as m, I as B, f as L, L as S, g as u, N as x, h as I, R as N, k as g, T as v, l as E, m as H, n as R } from "./index-BL-nqm0f.js";
 export {
   o as AppRoot,
   e as Block,

package/lib/types.ts

@@ -1,3 +1,5 @@
+import type { ReactNode } from "react";
+
 export type Intent = "danger" | "none" | "primary" | "success" | "warning";
 
 export type Section = {
@@ -33,3 +35,9 @@ export type ImperativeHandleMetadata = {
   name: string;
   methods: ImperativeHandleMethodMetadata[];
 };
+
+export type CommonQuestion = {
+  answer: ReactNode;
+  id: string;
+  question: ReactNode;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-lib-tools",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "type": "module",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com> (https://github.com/bvaughn/)",
   "contributors": [

package/styles.css

@@ -36,12 +36,14 @@
   --color-header-package-description: var(--color-white);
   --color-header-icons: var(--color-white);
 
-  --color-focus-1: var(--color-sky-300);
-  --color-focus-2: var(--color-sky-400);
-  --color-focus-3: var(--color-sky-600);
+  --color-data-focus: var(--color-sky-300);
+  --color-link: var(--color-sky-400);
+  --color-data-focus-bold: var(--color-sky-600);
 
   --color-nav-active: var(--color-fuchsia-400);
   --color-nav-hover: var(--color-fuchsia-200);
+
+  --color-common-question-header: var(--color-sky-400);
 }
 
 #root {
@@ -69,9 +71,9 @@ main {
   [data-link],
   a {
     cursor: pointer;
-    color: var(--color-focus-2);
+    color: var(--color-link);
     &:hover {
-      color: var(--color-focus-1);
+      color: var(--color-data-focus);
     }
   }
 }
@@ -79,20 +81,20 @@ main {
 *[data-focus] {
   border: 2px solid transparent;
   &:focus {
-    border: 2px solid var(--color-focus-1);
+    border: 2px solid var(--color-data-focus);
   }
 }
 
 *[data-focus-within] {
   border: 2px solid transparent;
   &:focus-within {
-    border: 2px solid var(--color-focus-1);
+    border: 2px solid var(--color-data-focus);
   }
 
   &[data-focus-within="bold"] {
-    border-color: var(--color-focus-3);
+    border-color: var(--color-data-focus-bold);
     &:focus-within {
-      border: 2px solid var(--color-focus-1);
+      border: 2px solid var(--color-data-focus);
     }
   }
 }