@heymantle/litho 0.0.7 → 0.0.8

package/dist/cjs/components/Grid.js

@@ -102,7 +102,7 @@ var styles = (0, _tailwindvariants.tv)({
  * @returns {JSX.Element} A div element representing the grid container.
  */ function Grid() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var children = props.children, columns = props.columns, gap = props.gap, _props_justify = props.justify, justify = _props_justify === void 0 ? "stretch" : _props_justify, _props_align = props.align, align = _props_align === void 0 ? "stretch" : _props_align, className = props.className;
+    var children = props.children, columns = props.columns, _props_gap = props.gap, gap = _props_gap === void 0 ? "md" : _props_gap, _props_justify = props.justify, justify = _props_justify === void 0 ? "stretch" : _props_justify, _props_align = props.align, align = _props_align === void 0 ? "stretch" : _props_align, className = props.className;
     var columnClasses;
     var gapClasses;
     if ((typeof columns === "undefined" ? "undefined" : _type_of(columns)) === "object") {

package/dist/cjs/components/Modal.js

@@ -199,10 +199,11 @@ var sectionStyles = (0, _tailwindvariants.tv)({
  * @param {React.ReactNode} [props.leftAccessory] - Left accessory content in the footer.
  * @param {boolean} [props.hideCloseButton=false] - Whether to hide the close button.
  * @param {number} [props.zIndexOverride=1000] - The z-index of the modal.
+ * @param {boolean} [props.autoFocusFirstInput=true] - Whether to focus the first input when the modal opens.
  * @returns {React.ReactPortal|null} The rendered modal component or null if not open.
  */ function Modal() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var children = props.children, title = props.title, subtitle = props.subtitle, open = props.open, onClose = props.onClose, sectioned = props.sectioned, primaryAction = props.primaryAction, secondaryAction = props.secondaryAction, _props_secondaryActions = props.secondaryActions, secondaryActions = _props_secondaryActions === void 0 ? [] : _props_secondaryActions, destructiveAction = props.destructiveAction, loading = props.loading, _props_size = props.size, size = _props_size === void 0 ? "default" : _props_size, leftAccessory = props.leftAccessory, _props_hideCloseButton = props.hideCloseButton, hideCloseButton = _props_hideCloseButton === void 0 ? false : _props_hideCloseButton, backAction = props.backAction, zIndexOverride = props.zIndexOverride;
+    var children = props.children, title = props.title, subtitle = props.subtitle, open = props.open, onClose = props.onClose, sectioned = props.sectioned, primaryAction = props.primaryAction, secondaryAction = props.secondaryAction, _props_secondaryActions = props.secondaryActions, secondaryActions = _props_secondaryActions === void 0 ? [] : _props_secondaryActions, destructiveAction = props.destructiveAction, loading = props.loading, _props_size = props.size, size = _props_size === void 0 ? "default" : _props_size, leftAccessory = props.leftAccessory, _props_hideCloseButton = props.hideCloseButton, hideCloseButton = _props_hideCloseButton === void 0 ? false : _props_hideCloseButton, backAction = props.backAction, zIndexOverride = props.zIndexOverride, _props_autoFocusFirstInput = props.autoFocusFirstInput, autoFocusFirstInput = _props_autoFocusFirstInput === void 0 ? true : _props_autoFocusFirstInput;
     var setModalIsOpen = (0, _Frame.useFrame)().setModalIsOpen;
     var modalContentRef = (0, _react.useRef)(null);
     var hasChildren = !!children;
@@ -244,11 +245,12 @@ var sectionStyles = (0, _tailwindvariants.tv)({
     ]);
     // Focus first input when modal opens
     (0, _react.useLayoutEffect)(function() {
-        if (open && container && modalContentRef.current) {
+        if (autoFocusFirstInput && open && container && modalContentRef.current) {
             var focusable = modalContentRef.current.querySelector('input:not([type="hidden"]), select, textarea');
             if (focusable) focusable.focus();
         }
     }, [
+        autoFocusFirstInput,
         open,
         container
     ]);

package/dist/esm/components/Grid.js

@@ -92,7 +92,7 @@ var styles = tv({
  * @returns {JSX.Element} A div element representing the grid container.
  */ function Grid() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var children = props.children, columns = props.columns, gap = props.gap, _props_justify = props.justify, justify = _props_justify === void 0 ? "stretch" : _props_justify, _props_align = props.align, align = _props_align === void 0 ? "stretch" : _props_align, className = props.className;
+    var children = props.children, columns = props.columns, _props_gap = props.gap, gap = _props_gap === void 0 ? "md" : _props_gap, _props_justify = props.justify, justify = _props_justify === void 0 ? "stretch" : _props_justify, _props_align = props.align, align = _props_align === void 0 ? "stretch" : _props_align, className = props.className;
     var columnClasses;
     var gapClasses;
     if ((typeof columns === "undefined" ? "undefined" : _type_of(columns)) === "object") {

package/dist/esm/components/Modal.js

@@ -135,10 +135,11 @@ var sectionStyles = tv({
  * @param {React.ReactNode} [props.leftAccessory] - Left accessory content in the footer.
  * @param {boolean} [props.hideCloseButton=false] - Whether to hide the close button.
  * @param {number} [props.zIndexOverride=1000] - The z-index of the modal.
+ * @param {boolean} [props.autoFocusFirstInput=true] - Whether to focus the first input when the modal opens.
  * @returns {React.ReactPortal|null} The rendered modal component or null if not open.
  */ function Modal() {
     var props = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    var children = props.children, title = props.title, subtitle = props.subtitle, open = props.open, onClose = props.onClose, sectioned = props.sectioned, primaryAction = props.primaryAction, secondaryAction = props.secondaryAction, _props_secondaryActions = props.secondaryActions, secondaryActions = _props_secondaryActions === void 0 ? [] : _props_secondaryActions, destructiveAction = props.destructiveAction, loading = props.loading, _props_size = props.size, size = _props_size === void 0 ? "default" : _props_size, leftAccessory = props.leftAccessory, _props_hideCloseButton = props.hideCloseButton, hideCloseButton = _props_hideCloseButton === void 0 ? false : _props_hideCloseButton, backAction = props.backAction, zIndexOverride = props.zIndexOverride;
+    var children = props.children, title = props.title, subtitle = props.subtitle, open = props.open, onClose = props.onClose, sectioned = props.sectioned, primaryAction = props.primaryAction, secondaryAction = props.secondaryAction, _props_secondaryActions = props.secondaryActions, secondaryActions = _props_secondaryActions === void 0 ? [] : _props_secondaryActions, destructiveAction = props.destructiveAction, loading = props.loading, _props_size = props.size, size = _props_size === void 0 ? "default" : _props_size, leftAccessory = props.leftAccessory, _props_hideCloseButton = props.hideCloseButton, hideCloseButton = _props_hideCloseButton === void 0 ? false : _props_hideCloseButton, backAction = props.backAction, zIndexOverride = props.zIndexOverride, _props_autoFocusFirstInput = props.autoFocusFirstInput, autoFocusFirstInput = _props_autoFocusFirstInput === void 0 ? true : _props_autoFocusFirstInput;
     var setModalIsOpen = useFrame().setModalIsOpen;
     var modalContentRef = useRef(null);
     var hasChildren = !!children;
@@ -180,11 +181,12 @@ var sectionStyles = tv({
     ]);
     // Focus first input when modal opens
     useLayoutEffect(function() {
-        if (open && container && modalContentRef.current) {
+        if (autoFocusFirstInput && open && container && modalContentRef.current) {
             var focusable = modalContentRef.current.querySelector('input:not([type="hidden"]), select, textarea');
             if (focusable) focusable.focus();
         }
     }, [
+        autoFocusFirstInput,
         open,
         container
     ]);

package/dist/types/components/Modal.d.ts

@@ -28,6 +28,7 @@ import React from "react";
  * @param {React.ReactNode} [props.leftAccessory] - Left accessory content in the footer.
  * @param {boolean} [props.hideCloseButton=false] - Whether to hide the close button.
  * @param {number} [props.zIndexOverride=1000] - The z-index of the modal.
+ * @param {boolean} [props.autoFocusFirstInput=true] - Whether to focus the first input when the modal opens.
  * @returns {React.ReactPortal|null} The rendered modal component or null if not open.
  */
 declare function Modal(props?: {
@@ -56,6 +57,7 @@ declare function Modal(props?: {
     leftAccessory?: React.ReactNode;
     hideCloseButton?: boolean;
     zIndexOverride?: number;
+    autoFocusFirstInput?: boolean;
 }): React.ReactPortal | null;
 declare namespace Modal {
     export { Section };

package/dist/types/components/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../components/Modal.js"],"names":[],"mappings":"AAaA,kDAAiD;;kBAVkC,OAAO;AAgE1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,+BA1BG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,KAAK,GAApB,MAAM;IACS,QAAQ,GAAvB,MAAM;IACU,IAAI,GAApB,OAAO;IACU,OAAO;IACR,SAAS,GAAzB,OAAO;IACQ,aAAa,GACpC;QAAqC,OAAO,GAApC,MAAM;QACyB,QAAQ;QACT,OAAO,GAArC,OAAO;QACuB,QAAQ,GAAtC,OAAO;QACuB,WAAW,GAAzC,OAAO;KACf;IAAuB,eAAe,GACtC;QAAuC,OAAO,GAAtC,MAAM;QAC2B,QAAQ;QACT,QAAQ,GAAxC,OAAO;KACf;IAAyB,gBAAgB,GAAjC,KAAQ;IACO,iBAAiB;IAChB,OAAO,GAAvB,OAAO;IACQ,IAAI,GAAnB,MAAM;IACkB,aAAa,GAArC,KAAK,CAAC,SAAS;IACC,eAAe,GAA/B,OAAO;IACQ,cAAc,GAA7B,MAAM;CACd,GAAU,KAAK,CAAC,WAAW,GAAC,IAAI,CAqMlC;;;;AAED;;;;;;;GAOG;AAEH,iCALG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,KAAK,GAArB,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CA0EvB"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../components/Modal.js"],"names":[],"mappings":"AAaA,kDAAiD;;kBAVkC,OAAO;AAgE1F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,+BA3BG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACA,KAAK,GAApB,MAAM;IACS,QAAQ,GAAvB,MAAM;IACU,IAAI,GAApB,OAAO;IACU,OAAO;IACR,SAAS,GAAzB,OAAO;IACQ,aAAa,GACpC;QAAqC,OAAO,GAApC,MAAM;QACyB,QAAQ;QACT,OAAO,GAArC,OAAO;QACuB,QAAQ,GAAtC,OAAO;QACuB,WAAW,GAAzC,OAAO;KACf;IAAuB,eAAe,GACtC;QAAuC,OAAO,GAAtC,MAAM;QAC2B,QAAQ;QACT,QAAQ,GAAxC,OAAO;KACf;IAAyB,gBAAgB,GAAjC,KAAQ;IACO,iBAAiB;IAChB,OAAO,GAAvB,OAAO;IACQ,IAAI,GAAnB,MAAM;IACkB,aAAa,GAArC,KAAK,CAAC,SAAS;IACC,eAAe,GAA/B,OAAO;IACQ,cAAc,GAA7B,MAAM;IACU,mBAAmB,GAAnC,OAAO;CACf,GAAU,KAAK,CAAC,WAAW,GAAC,IAAI,CAsMlC;;;;AAED;;;;;;;GAOG;AAEH,iCALG;IAAgC,QAAQ,GAAhC,KAAK,CAAC,SAAS;IACC,KAAK,GAArB,OAAO;CACf,GAAU,GAAG,CAAC,OAAO,CA0EvB"}

package/index.css

@@ -572,6 +572,8 @@
     --color-edge-alt-default: rgba(238, 238, 242, 0.21);
     --color-edge-alt-subdued: rgba(238, 238, 242, 0.12);
 
+    --color-brand-chat: #42331d;
+
     --color-tint-1: rgba(0, 0, 0, 0.08);
     --color-tint-2: rgba(0, 0, 0, 0.11);
     --color-tint-3: rgba(0, 0, 0, 0.14);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@heymantle/litho",
   "description": "Litho is a library of components for building Mantle extensions",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "main": "./dist/esm/index.js",
   "module": "./dist/esm/index.js",