indicator-ui 0.0.54 → 0.0.56

package/dist/index.js

@@ -10389,7 +10389,7 @@ function TabButtons({ active, iconLeft, iconRight, disabled, text, children, cus
             [_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.widthHug]: width === 'hug',
             [_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.heightFill]: height === 'fill',
             [_styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.heightHug]: height === 'hug',
-        });
+        }, additionStyles);
     };
     const getMainContent = () => {
         return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, { children: [iconLeft && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.leftIcon, children: iconLeft }), text || children && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.text, children: text || children }), iconRight && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_2__.TabButtonsStyle.rightIcon, children: iconRight })] }));
@@ -10435,6 +10435,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   TabFrame: () => (/* reexport safe */ _ui__WEBPACK_IMPORTED_MODULE_0__.TabFrame)
 /* harmony export */ });
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ui */ "./src/ui/TabFrame/ui/index.ts");
+/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./types */ "./src/ui/TabFrame/types/index.ts");
+
 
 
 
@@ -10455,6 +10457,33 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+/***/ }),
+
+/***/ "./src/ui/TabFrame/types/TabFrameTypes.ts":
+/*!************************************************!*\
+  !*** ./src/ui/TabFrame/types/TabFrameTypes.ts ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
+/***/ }),
+
+/***/ "./src/ui/TabFrame/types/index.ts":
+/*!****************************************!*\
+  !*** ./src/ui/TabFrame/types/index.ts ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _TabFrameTypes__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./TabFrameTypes */ "./src/ui/TabFrame/types/TabFrameTypes.ts");
+
+
+
 /***/ }),
 
 /***/ "./src/ui/TabFrame/ui/TabFrame.tsx":
@@ -10470,17 +10499,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
 /* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
-/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../styles */ "./src/ui/TabFrame/styles/index.ts");
-/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../styles */ "./src/ui/TabFrame/styles/index.ts");
 
 
 
 
-function TabFrame({ width = 'fill', tabs = [] }) {
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_3__["default"])(_styles__WEBPACK_IMPORTED_MODULE_2__.TabFrameStyle.tabFrame, {
-            [_styles__WEBPACK_IMPORTED_MODULE_2__.TabFrameStyle.widthHug]: width === 'hug',
-            [_styles__WEBPACK_IMPORTED_MODULE_2__.TabFrameStyle.widthFill]: width === 'fill',
-        }), children: tabs.map((item, idx) => (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.TabButtons, { ...item }, idx)) }));
+function TabFrame({ width = 'fill', tabs = [], additionStyles }) {
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.TabFrameStyle.tabFrame, {
+            [_styles__WEBPACK_IMPORTED_MODULE_3__.TabFrameStyle.widthHug]: width === 'hug',
+            [_styles__WEBPACK_IMPORTED_MODULE_3__.TabFrameStyle.widthFill]: width === 'fill',
+        }, additionStyles), children: tabs.map((item, idx) => (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_1__.TabButtons, { ...item }, idx)) }));
 }