@waves.exchange/wx-react-uikit - npm Package Compare versions

Comparing version 1.2.4 to 1.2.5

dist/cjs/components/Select/Select.js

@@ -10,5 +10,2 @@ "use strict";
 };
-var getBorderWidthPlacement = function (isOpenPlacement) {
-    return isOpenPlacement ? '0px' : '1px';
-};
 exports.Select = function (_a) {
@@ -18,2 +15,3 @@ var renderSelected = _a.renderSelected, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.isError, isError = _c === void 0 ? false : _c, _d = _a.placement, placement = _d === void 0 ? 'bottom' : _d, children = _a.children, rest = tslib_1.__rest(_a, ["renderSelected", "isDisabled", "isError", "placement", "children"]);
     var element = react_1.useRef(null);
+    var _f = rest.sx, sx = _f === void 0 ? {} : _f, otherRest = tslib_1.__rest(rest, ["sx"]);
     var onToggleOpened = react_1.useCallback(function () {
@@ -47,4 +45,4 @@ if (isDisabled) {
             borderColor: mainColor,
-            borderTopWidth: getBorderWidthPlacement(openPlacementBottom),
-            borderBottomWidth: getBorderWidthPlacement(openPlacementTop),
+            borderTopColor: openPlacementBottom ? 'surf' : mainColor,
+            borderBottomColor: openPlacementTop ? 'surf' : mainColor,
             borderRadius: '$4',
@@ -66,2 +64,3 @@ borderBottomLeftRadius: getBorderRadiusPlacement(openPlacementTop),
         return {
+            height: '100%',
             border: '1px solid',
@@ -74,4 +73,4 @@ borderColor: mainColor,
             borderTopRightRadius: getBorderRadiusPlacement(openPlacementTop),
-            borderTopWidth: getBorderWidthPlacement(openPlacementTop),
-            borderBottomWidth: getBorderWidthPlacement(openPlacementBottom),
+            borderBottomColor: openPlacementBottom ? 'surf' : mainColor,
+            borderTopColor: openPlacementTop ? 'surf' : mainColor,
         };
@@ -83,3 +82,3 @@ }, [isError, openPlacementBottom, openPlacementTop, opened]);
                 },
-            }, '.list': stylesForList, '.selected': stylesForSelected }, (rest && rest.sx ? rest.sx : {})) }, rest),
+            }, '.list': stylesForList, '.selected': stylesForSelected }, sx) }, otherRest),
         react_1.default.createElement(Box_1.Box, null, renderSelected({ opened: opened, isDisabled: isDisabled, isError: isError })),
@@ -86,0 +85,0 @@ opened && react_1.default.Children.count(children) ? (react_1.default.createElement(Box_1.Box, tslib_1.__assign({ position: "absolute", width: "100%", zIndex: 10 }, positionStyles), children)) : null));

dist/cjs/index.d.ts

@@ -31,3 +31,3 @@ export * from './components/Avatar/Avatar';
 export { Selected as SelectedDefault } from './components/Select/defaultSelect/Selected';
-export { Option as OptionDefault } from './components/Select/defaultSelect/Option';
+export { Option as OptionDefault, DefaultOption, } from './components/Select/defaultSelect/Option';
 export * from './components/Spinner/Spinner';
@@ -34,0 +34,0 @@ export * from './components/Tabs/Tabs';

dist/esm/components/Select/Select.js

@@ -6,3 +6,2 @@ import { __rest } from "tslib";
 const getBorderRadiusPlacement = (isOpenPlacement) => isOpenPlacement ? '0' : '$4';
-const getBorderWidthPlacement = (isOpenPlacement) => isOpenPlacement ? '0px' : '1px';
 export const Select = (_a) => {
@@ -12,2 +11,3 @@ var { renderSelected, isDisabled = false, isError = false, placement = 'bottom', children } = _a, rest = __rest(_a, ["renderSelected", "isDisabled", "isError", "placement", "children"]);
     const element = useRef(null);
+    const { sx = {} } = rest, otherRest = __rest(rest, ["sx"]);
     const onToggleOpened = useCallback(() => {
@@ -41,4 +41,4 @@ if (isDisabled) {
             borderColor: mainColor,
-            borderTopWidth: getBorderWidthPlacement(openPlacementBottom),
-            borderBottomWidth: getBorderWidthPlacement(openPlacementTop),
+            borderTopColor: openPlacementBottom ? 'surf' : mainColor,
+            borderBottomColor: openPlacementTop ? 'surf' : mainColor,
             borderRadius: '$4',
@@ -60,2 +60,3 @@ borderBottomLeftRadius: getBorderRadiusPlacement(openPlacementTop),
         return {
+            height: '100%',
             border: '1px solid',
@@ -68,4 +69,4 @@ borderColor: mainColor,
             borderTopRightRadius: getBorderRadiusPlacement(openPlacementTop),
-            borderTopWidth: getBorderWidthPlacement(openPlacementTop),
-            borderBottomWidth: getBorderWidthPlacement(openPlacementBottom),
+            borderBottomColor: openPlacementBottom ? 'surf' : mainColor,
+            borderTopColor: openPlacementTop ? 'surf' : mainColor,
         };
@@ -77,3 +78,3 @@ }, [isError, openPlacementBottom, openPlacementTop, opened]);
                 },
-            }, '.list': stylesForList, '.selected': stylesForSelected }, (rest && rest.sx ? rest.sx : {})) }, rest),
+            }, '.list': stylesForList, '.selected': stylesForSelected }, sx) }, otherRest),
         React.createElement(Box, null, renderSelected({ opened, isDisabled, isError })),
@@ -80,0 +81,0 @@ opened && React.Children.count(children) ? (React.createElement(Box, Object.assign({ position: "absolute", width: "100%", zIndex: 10 }, positionStyles), children)) : null));

dist/esm/index.d.ts

@@ -31,3 +31,3 @@ export * from './components/Avatar/Avatar';
 export { Selected as SelectedDefault } from './components/Select/defaultSelect/Selected';
-export { Option as OptionDefault } from './components/Select/defaultSelect/Option';
+export { Option as OptionDefault, DefaultOption, } from './components/Select/defaultSelect/Option';
 export * from './components/Spinner/Spinner';
@@ -34,0 +34,0 @@ export * from './components/Tabs/Tabs';

dist/esm/index.js

@@ -31,3 +31,3 @@ export * from './components/Avatar/Avatar';
 export { Selected as SelectedDefault } from './components/Select/defaultSelect/Selected';
-export { Option as OptionDefault } from './components/Select/defaultSelect/Option';
+export { Option as OptionDefault, } from './components/Select/defaultSelect/Option';
 export * from './components/Spinner/Spinner';
@@ -34,0 +34,0 @@ export * from './components/Tabs/Tabs';

package.json

 {
   "name": "@waves.exchange/wx-react-uikit",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "",
@@ -5,0 +5,0 @@ "license": "MIT",

No alert changes

Improved metrics

Total package byte prevSize

1151830

increased by0.02%

No dependency changes