indicator-ui 0.0.213 → 0.0.216

package/dist/index.js

@@ -5511,69 +5511,69 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function Button({ children, text, iconLeft, iconRight, hierarchy = 'primary', warning = false, size = 'medium', width = 'hug', height = 'hug', additionStyles = [], customComponent, disabled, ...props }) {
+function Button({ children, text, iconLeft, iconRight, hierarchy = 'primary', warning = false, size = 'medium', width = 'hug', height = 'hug', additionStyles = [], customComponent, className = _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle, disabled, ...props }) {
     const getHierarchyClassName = () => {
         switch (hierarchy) {
             case "primary":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.primary;
+                return className?.primary;
             case "secondary-color":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.secondaryColor;
+                return className?.secondaryColor;
             case "secondary-gray":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.secondaryGray;
+                return className?.secondaryGray;
             case "tertiary-white":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.tertiaryWhite;
+                return className?.tertiaryWhite;
             case "tertiary-color":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.tertiaryColor;
+                return className?.tertiaryColor;
             case "tertiary-gray":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.tertiaryGray;
+                return className?.tertiaryGray;
             case "link-color":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.linkColor;
+                return className?.linkColor;
             case "link-black":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.linkBlack;
+                return className?.linkBlack;
             case "link-gray":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.linkGray;
+                return className?.linkGray;
             case "tab":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.tab;
+                return className?.tab;
             case "tab-active":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.tabActive;
+                return className?.tabActive;
         }
     };
     const getSizeClassName = () => {
         switch (size) {
             case "small":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.small;
+                return className?.small;
             case "medium":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.medium;
+                return className?.medium;
             case "large":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.large;
+                return className?.large;
             case "ultra":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.ultra;
+                return className?.ultra;
         }
     };
     const getWidthClassName = () => {
         switch (width) {
             case "fill":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.widthFill;
+                return className?.widthFill;
             case "hug":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.widthHug;
+                return className?.widthHug;
         }
     };
     const getHeightClassName = () => {
         switch (height) {
             case "fill":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.heightFill;
+                return className?.heightFill;
             case "hug":
-                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.heightHug;
+                return className?.heightHug;
         }
     };
     const getWarningStyles = () => {
-        return warning ? _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.warning : '';
+        return warning ? className?.warning : '';
     };
     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_3__.ButtonsStyle.icon, children: iconLeft }), (children || text) && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.text, children: text || children }), iconRight && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.icon, children: iconRight })] }));
+        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: className?.icon, children: iconLeft }), (children || text) && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.text, children: text || children }), iconRight && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: className?.icon, children: iconRight })] }));
     };
     const getClassName = () => {
-        return (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.button, getHierarchyClassName(), getSizeClassName(), getWidthClassName(), getHeightClassName(), additionStyles, getWarningStyles(), { [_styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.disabled]: disabled });
+        return (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.button, getHierarchyClassName(), getSizeClassName(), getWidthClassName(), getHeightClassName(), additionStyles, getWarningStyles(), { [_styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.disabled]: disabled });
     };
     if (customComponent !== undefined) {
         return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(customComponent, {
@@ -10877,7 +10877,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react/jsx-runtime */ "./node_modules/react/jsx-runtime.js");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! clsx */ "./node_modules/clsx/dist/clsx.mjs");
+/* harmony import */ var _assets__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @/assets */ "./src/assets/index.ts");
+/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../styles */ "./src/ui/InputFields/SelectField/styles/index.ts");
+
+
 
 
 
@@ -10885,7 +10889,9 @@ function SelectFieldOptionsItem({ option, active, onClick }) {
     if (option.component) {
         return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(option.component, { onClick: onClick, active: active });
     }
-    return (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui__WEBPACK_IMPORTED_MODULE_2__.DropdownItem, { onClick: onClick, selected: active, text: option.label, ...option.dropdownItemProps });
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", { onClick: onClick, className: (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(_styles__WEBPACK_IMPORTED_MODULE_4__.SelectFieldStyle.selectFieldOptionsItem, {
+            [_styles__WEBPACK_IMPORTED_MODULE_4__.SelectFieldStyle.active]: active,
+        }), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("span", { className: _styles__WEBPACK_IMPORTED_MODULE_4__.SelectFieldStyle.label, children: option.label }), active && (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_assets__WEBPACK_IMPORTED_MODULE_3__.CheckSVG, {})] }));
 }