indicator-ui 0.0.216 → 0.0.218

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, className = _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle, disabled, ...props }) {
+function Button({ children, text, iconLeft, iconRight, hierarchy = 'primary', warning = false, size = 'medium', width = 'hug', height = 'hug', additionStyles = [], customComponent, disabled, ...props }) {
     const getHierarchyClassName = () => {
         switch (hierarchy) {
             case "primary":
-                return className?.primary;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.primary;
             case "secondary-color":
-                return className?.secondaryColor;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.secondaryColor;
             case "secondary-gray":
-                return className?.secondaryGray;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.secondaryGray;
             case "tertiary-white":
-                return className?.tertiaryWhite;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.tertiaryWhite;
             case "tertiary-color":
-                return className?.tertiaryColor;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.tertiaryColor;
             case "tertiary-gray":
-                return className?.tertiaryGray;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.tertiaryGray;
             case "link-color":
-                return className?.linkColor;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.linkColor;
             case "link-black":
-                return className?.linkBlack;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.linkBlack;
             case "link-gray":
-                return className?.linkGray;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.linkGray;
             case "tab":
-                return className?.tab;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.tab;
             case "tab-active":
-                return className?.tabActive;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.tabActive;
         }
     };
     const getSizeClassName = () => {
         switch (size) {
             case "small":
-                return className?.small;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.small;
             case "medium":
-                return className?.medium;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.medium;
             case "large":
-                return className?.large;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.large;
             case "ultra":
-                return className?.ultra;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.ultra;
         }
     };
     const getWidthClassName = () => {
         switch (width) {
             case "fill":
-                return className?.widthFill;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.widthFill;
             case "hug":
-                return className?.widthHug;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.widthHug;
         }
     };
     const getHeightClassName = () => {
         switch (height) {
             case "fill":
-                return className?.heightFill;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.heightFill;
             case "hug":
-                return className?.heightHug;
+                return _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.heightHug;
         }
     };
     const getWarningStyles = () => {
-        return warning ? className?.warning : '';
+        return warning ? _styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.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: 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 })] }));
+        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 })] }));
     };
     const getClassName = () => {
-        return (0,clsx__WEBPACK_IMPORTED_MODULE_2__["default"])(className?.button, getHierarchyClassName(), getSizeClassName(), getWidthClassName(), getHeightClassName(), additionStyles, getWarningStyles(), { [_styles__WEBPACK_IMPORTED_MODULE_3__.ButtonsStyle.disabled]: disabled });
+        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 });
     };
     if (customComponent !== undefined) {
         return react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(customComponent, {
@@ -10877,11 +10877,7 @@ __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 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");
-
-
+/* harmony import */ var _ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @/ui */ "./src/ui/index.ts");
 
 
 
@@ -10889,9 +10885,7 @@ 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__.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, {})] }));
+    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 });
 }