@onesy/ui-react 1.0.92 → 1.0.93

package/TopAppBar/TopAppBar.d.ts

@@ -8,6 +8,7 @@ export declare type ITopAppBar = Omit<ISurface, 'version'> & {
     title?: IElement;
     start?: IElement;
     end?: IElement;
+    WrapperProps?: any;
 };
 declare const TopAppBar: React.FC<ITopAppBar>;
 export default TopAppBar;

package/TopAppBar/TopAppBar.js

@@ -111,7 +111,7 @@ const TopAppBar = react_1.default.forwardRef((props_, ref) => {
     const Line = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Line) || Line_1.default; }, [theme]);
     const Surface = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Surface) || Surface_1.default; }, [theme]);
     const Type = react_1.default.useMemo(() => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.elements) === null || _a === void 0 ? void 0 : _a.Type) || Type_1.default; }, [theme]);
-    const { tonal = true, color = 'primary', version = 'small', size = 'regular', center = true, title: title_, start: start_, end: end_, position, Component = 'div', className, children: children_ } = props, other = __rest(props, ["tonal", "color", "version", "size", "center", "title", "start", "end", "position", "Component", "className", "children"]);
+    const { tonal = true, color = 'primary', version = 'small', size = 'regular', center = true, title: title_, start: start_, end: end_, position, WrapperProps, Component = 'div', className, children: children_ } = props, other = __rest(props, ["tonal", "color", "version", "size", "center", "title", "start", "end", "position", "WrapperProps", "Component", "className", "children"]);
     const { classes } = useStyle();
     const start = react_1.default.Children
         .toArray(start_)
@@ -176,10 +176,11 @@ const TopAppBar = react_1.default.forwardRef((props_, ref) => {
             classes.root,
             position && classes[`position_${position}`],
             center && classes[`center${['absolute', 'fixed'].includes(position) ? '_absolute' : ''}`]
-        ]) }, other, { children: [(0, jsx_runtime_1.jsxs)(Line, Object.assign({ direction: 'row', align: 'center', justify: 'space-between', gap: 0, className: (0, style_react_1.classNames)([
+        ]) }, other, { children: [(0, jsx_runtime_1.jsxs)(Line, Object.assign({ direction: 'row', align: 'center', justify: 'space-between', gap: 0 }, WrapperProps, { className: (0, style_react_1.classNames)([
                     (0, utils_2.staticClassName)('TopAppBar', theme) && [
                         'onesy-TopAppBar-wrapper'
                     ],
+                    WrapperProps === null || WrapperProps === void 0 ? void 0 : WrapperProps.className,
                     classes.wrapper,
                     classes[`version_small_size_${size}`]
                 ]) }, { children: [!!start.length && ((0, jsx_runtime_1.jsx)(Line, Object.assign({ direction: 'row', align: 'center', justify: 'flex-start', gap: 0, className: (0, style_react_1.classNames)([

package/esm/TopAppBar/TopAppBar.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-const _excluded = ["tonal", "color", "version", "size", "center", "title", "start", "end", "position", "Component", "className", "children"];
+const _excluded = ["tonal", "color", "version", "size", "center", "title", "start", "end", "position", "WrapperProps", "Component", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
@@ -136,6 +136,7 @@ const TopAppBar = /*#__PURE__*/React.forwardRef((props_, ref) => {
       start: start_,
       end: end_,
       position,
+      WrapperProps,
       Component = 'div',
       className,
       children: children_
@@ -193,13 +194,14 @@ const TopAppBar = /*#__PURE__*/React.forwardRef((props_, ref) => {
       Component
     },
     className: classNames([staticClassName('TopAppBar', theme) && ['onesy-TopAppBar-root', `onesy-TopAppBar-version-${version}`, `onesy-TopAppBar-size-${size}`], className, classes.root, position && classes[`position_${position}`], center && classes[`center${['absolute', 'fixed'].includes(position) ? '_absolute' : ''}`]])
-  }, other), /*#__PURE__*/React.createElement(Line, {
+  }, other), /*#__PURE__*/React.createElement(Line, _extends({
     direction: "row",
     align: "center",
     justify: "space-between",
-    gap: 0,
-    className: classNames([staticClassName('TopAppBar', theme) && ['onesy-TopAppBar-wrapper'], classes.wrapper, classes[`version_small_size_${size}`]])
-  }, !!start.length && /*#__PURE__*/React.createElement(Line, {
+    gap: 0
+  }, WrapperProps, {
+    className: classNames([staticClassName('TopAppBar', theme) && ['onesy-TopAppBar-wrapper'], WrapperProps?.className, classes.wrapper, classes[`version_small_size_${size}`]])
+  }), !!start.length && /*#__PURE__*/React.createElement(Line, {
     direction: "row",
     align: "center",
     justify: "flex-start",

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license UiReact v1.0.92
+/** @license UiReact v1.0.93
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onesy/ui-react",
-  "version": "1.0.92",
+  "version": "1.0.93",
   "description": "UI for React",
   "repository": "https://github.com/onesy-me/onesy.git",
   "author": "Lazar <lazareric2@gmail.com>",