@luminati-io/uikit 3.3.1 → 3.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -37175,6 +37175,7 @@ var useStyles = function useStyles(_ref) {
|
|
|
37175
37175
|
lg: 48
|
|
37176
37176
|
};
|
|
37177
37177
|
var borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_7;
|
|
37178
|
+
var boxShadow = 'none';
|
|
37178
37179
|
var color = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_11_50;
|
|
37179
37180
|
var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.white;
|
|
37180
37181
|
var cursor = 'text';
|
|
@@ -37183,7 +37184,10 @@ var useStyles = function useStyles(_ref) {
|
|
|
37183
37184
|
borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_6;
|
|
37184
37185
|
backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_2;
|
|
37185
37186
|
cursor = 'default';
|
|
37186
|
-
} else if (selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.red_11;else if (isFocused)
|
|
37187
|
+
} else if (selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.red_11;else if (isFocused) {
|
|
37188
|
+
borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.blue_11;
|
|
37189
|
+
boxShadow = "0px 0px 0px 2px rgba(0, 106, 220, 0.4)";
|
|
37190
|
+
}
|
|
37187
37191
|
return _objectSpread(_objectSpread(_objectSpread({}, baseStyles), LabelSm), {}, {
|
|
37188
37192
|
minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(height[size] || height.sm),
|
|
37189
37193
|
padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_3__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_3__.inputHorizontalPadding, "px"),
|
|
@@ -37191,7 +37195,7 @@ var useStyles = function useStyles(_ref) {
|
|
|
37191
37195
|
backgroundColor: backgroundColor,
|
|
37192
37196
|
borderColor: borderColor,
|
|
37193
37197
|
cursor: cursor,
|
|
37194
|
-
boxShadow:
|
|
37198
|
+
boxShadow: boxShadow
|
|
37195
37199
|
});
|
|
37196
37200
|
},
|
|
37197
37201
|
valueContainer: function valueContainer(baseStyles) {
|
|
@@ -38331,22 +38335,29 @@ var useStyles = function useStyles(_ref) {
|
|
|
38331
38335
|
size = _ref.size;
|
|
38332
38336
|
return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
|
|
38333
38337
|
return (0,_util_with_user_styles__WEBPACK_IMPORTED_MODULE_5__.withUserStyles)(styles, {
|
|
38334
|
-
control: function control(baseStyles,
|
|
38338
|
+
control: function control(baseStyles, _ref2) {
|
|
38339
|
+
var isDisabled = _ref2.isDisabled,
|
|
38340
|
+
isFocused = _ref2.isFocused,
|
|
38341
|
+
selectProps = _ref2.selectProps;
|
|
38335
38342
|
var height = {
|
|
38336
38343
|
sm: 36,
|
|
38337
38344
|
md: 40,
|
|
38338
38345
|
lg: 48
|
|
38339
38346
|
};
|
|
38340
38347
|
var borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_7;
|
|
38348
|
+
var boxShadow = 'none';
|
|
38341
38349
|
var color = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_11_50;
|
|
38342
38350
|
var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.white;
|
|
38343
38351
|
var cursor = 'text';
|
|
38344
|
-
if (
|
|
38352
|
+
if (isDisabled) {
|
|
38345
38353
|
color = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_9;
|
|
38346
38354
|
borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_6;
|
|
38347
38355
|
backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.gray_2;
|
|
38348
38356
|
cursor = 'default';
|
|
38349
|
-
} else if (
|
|
38357
|
+
} else if (selectProps['aria-invalid']) borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.red_11;else if (isFocused) {
|
|
38358
|
+
borderColor = _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.blue_11;
|
|
38359
|
+
boxShadow = "0px 0px 0px 2px rgba(0, 106, 220, 0.4)";
|
|
38360
|
+
}
|
|
38350
38361
|
return _objectSpread(_objectSpread({}, baseStyles), {}, {
|
|
38351
38362
|
minHeight: (0,_utils__WEBPACK_IMPORTED_MODULE_2__.toPixel)(height[size] || height.sm),
|
|
38352
38363
|
padding: "".concat(_shared__WEBPACK_IMPORTED_MODULE_4__.inputVerticalPadding, "px ").concat(_shared__WEBPACK_IMPORTED_MODULE_4__.inputHorizontalPadding, "px"),
|
|
@@ -38360,7 +38371,7 @@ var useStyles = function useStyles(_ref) {
|
|
|
38360
38371
|
backgroundColor: backgroundColor,
|
|
38361
38372
|
borderColor: borderColor,
|
|
38362
38373
|
cursor: cursor,
|
|
38363
|
-
boxShadow:
|
|
38374
|
+
boxShadow: boxShadow
|
|
38364
38375
|
});
|
|
38365
38376
|
},
|
|
38366
38377
|
valueContainer: function valueContainer(baseStyles) {
|