@uiw/react-select - npm Package Compare versions

Comparing version 5.0.0-bate-2 to 5.0.0-bate-3

cjs/style/index.d.ts

@@ -17,4 +17,2 @@ import { ThemeVariantValueOptions } from '@uiw/utils';
     boxShadowSelectDisabled: string;
-    cursorSelectDefault: string;
-    cursorSelectDisabled: string;
     borderRadiusDefault: string;
@@ -21,0 +19,0 @@ backgroundImageSelectUrl: string;

cjs/style/index.js

@@ -42,6 +42,2 @@ "use strict";
   boxShadowSelectDisabled: 'none',
-  // 鼠标移入
-  cursorSelectDefault: 'pointer',
-  cursorSelectDisabled: 'not-allowed',
-  //
   borderRadiusDefault: '3px',
@@ -52,9 +48,5 @@ backgroundImageSelectUrl: "url(".concat(selectArrow, ")")
 
-var SelectStyleWarp = _styledComponents["default"].select(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-flex;\n  appearance: none;\n  cursor: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", ";\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  line-height: 18px;\n  vertical-align: middle;\n  box-sizing: border-box;\n  border: none;\n  box-shadow: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  background-image: ", ",\n    linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));\n  background-repeat: no-repeat, repeat;\n  background-position: right 0.7em top 50%, 0 0;\n  background-size: 0.62em auto, 100%;\n  &:focus {\n    outline: none !important;\n  }\n  &:hover {\n    box-shadow: ", ";\n    background-clip: padding-box;\n    background-color: ", ";\n  }\n  &:disabled {\n    box-shadow: ", ";\n    background-image: ", ";\n    background-size: 0.52em auto, 100%;\n    background-color: ", ";\n    opacity: 0.75;\n    color: ", ";\n    cursor: ", ";\n    resize: none;\n  }\n  ", "\n  ", "\n"])), function (props) {
+var SelectStyleWarp = _styledComponents["default"].select(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-flex;\n  appearance: none;\n  cursor: pointer;\n  color: ", ";\n  padding: ", ";\n  font-size: ", ";\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  line-height: 18px;\n  vertical-align: middle;\n  box-sizing: border-box;\n  border: none;\n  box-shadow: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  background-image: ", ",\n    linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));\n  background-repeat: no-repeat, repeat;\n  background-position: right 0.7em top 50%, 0 0;\n  background-size: 0.62em auto, 100%;\n  &:focus {\n    outline: none !important;\n  }\n  &:hover {\n    box-shadow: ", ";\n    background-clip: padding-box;\n    background-color: ", ";\n  }\n  &:disabled {\n    box-shadow: ", ";\n    background-image: ", ";\n    background-size: 0.52em auto, 100%;\n    background-color: ", ";\n    opacity: 0.75;\n    color: ", ";\n    cursor: not-allowed;\n    resize: none;\n  }\n  ", "\n  ", "\n"])), function (props) {
   return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
     defaultTheme: SelectStyleTheme
-  }), 'cursorSelectDefault');
-}, function (props) {
-  return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    defaultTheme: SelectStyleTheme
   }), 'colorSelectBase');
@@ -110,6 +102,2 @@ }, function (props) {
 }, function (props) {
-  return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
-    defaultTheme: SelectStyleTheme
-  }), 'cursorSelectDisabled');
-}, function (props) {
   return props.params.size === 'large' && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n      padding: ", ";\n      font-size: ", ";\n    "])), function (props) {
@@ -116,0 +104,0 @@ return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {

esm/style/index.d.ts

@@ -17,4 +17,2 @@ import { ThemeVariantValueOptions } from '@uiw/utils';
     boxShadowSelectDisabled: string;
-    cursorSelectDefault: string;
-    cursorSelectDisabled: string;
     borderRadiusDefault: string;
@@ -21,0 +19,0 @@ backgroundImageSelectUrl: string;

esm/style/index.js

@@ -28,13 +28,7 @@ import _extends from "@babel/runtime/helpers/extends";
   boxShadowSelectDisabled: 'none',
-  // 鼠标移入
-  cursorSelectDefault: 'pointer',
-  cursorSelectDisabled: 'not-allowed',
-  //
   borderRadiusDefault: '3px',
   backgroundImageSelectUrl: "url(" + selectArrow + ")"
 };
-export var SelectStyleWarp = styled.select(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  appearance: none;\n  cursor: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", ";\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  line-height: 18px;\n  vertical-align: middle;\n  box-sizing: border-box;\n  border: none;\n  box-shadow: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  background-image: ", ",\n    linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));\n  background-repeat: no-repeat, repeat;\n  background-position: right 0.7em top 50%, 0 0;\n  background-size: 0.62em auto, 100%;\n  &:focus {\n    outline: none !important;\n  }\n  &:hover {\n    box-shadow: ", ";\n    background-clip: padding-box;\n    background-color: ", ";\n  }\n  &:disabled {\n    box-shadow: ", ";\n    background-image: ", ";\n    background-size: 0.52em auto, 100%;\n    background-color: ", ";\n    opacity: 0.75;\n    color: ", ";\n    cursor: ", ";\n    resize: none;\n  }\n  ", "\n  ", "\n"])), props => getThemeVariantValue(_extends({}, props, {
+export var SelectStyleWarp = styled.select(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: inline-flex;\n  appearance: none;\n  cursor: pointer;\n  color: ", ";\n  padding: ", ";\n  font-size: ", ";\n  width: 100%;\n  max-width: 100%;\n  margin: 0;\n  line-height: 18px;\n  vertical-align: middle;\n  box-sizing: border-box;\n  border: none;\n  box-shadow: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  background-image: ", ",\n    linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));\n  background-repeat: no-repeat, repeat;\n  background-position: right 0.7em top 50%, 0 0;\n  background-size: 0.62em auto, 100%;\n  &:focus {\n    outline: none !important;\n  }\n  &:hover {\n    box-shadow: ", ";\n    background-clip: padding-box;\n    background-color: ", ";\n  }\n  &:disabled {\n    box-shadow: ", ";\n    background-image: ", ";\n    background-size: 0.52em auto, 100%;\n    background-color: ", ";\n    opacity: 0.75;\n    color: ", ";\n    cursor: not-allowed;\n    resize: none;\n  }\n  ", "\n  ", "\n"])), props => getThemeVariantValue(_extends({}, props, {
   defaultTheme: SelectStyleTheme
-}), 'cursorSelectDefault'), props => getThemeVariantValue(_extends({}, props, {
-  defaultTheme: SelectStyleTheme
 }), 'colorSelectBase'), props => getThemeVariantValue(_extends({}, props, {
@@ -64,6 +58,4 @@ defaultTheme: SelectStyleTheme
   defaultTheme: SelectStyleTheme
-}), 'colorSelectDisabled'), props => getThemeVariantValue(_extends({}, props, {
+}), 'colorSelectDisabled'), props => props.params.size === 'large' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      font-size: ", ";\n    "])), props => getThemeVariantValue(_extends({}, props, {
   defaultTheme: SelectStyleTheme
-}), 'cursorSelectDisabled'), props => props.params.size === 'large' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      padding: ", ";\n      font-size: ", ";\n    "])), props => getThemeVariantValue(_extends({}, props, {
-  defaultTheme: SelectStyleTheme
 }), 'paddingSelectLarge'), props => getThemeVariantValue(_extends({}, props, {
@@ -70,0 +62,0 @@ defaultTheme: SelectStyleTheme

package.json

 {
   "name": "@uiw/react-select",
-  "version": "5.0.0-bate-2",
+  "version": "5.0.0-bate-3",
   "description": "Select component",
@@ -48,4 +48,4 @@ "author": "Kenny Wong <[e-mail]>",
   "dependencies": {
-    "@uiw/utils": "^5.0.0-bate-2"
+    "@uiw/utils": "^5.0.0-bate-3"
   }
 }

src/style/index.ts

@@ -27,7 +27,3 @@ import styled, { css } from 'styled-components';
   boxShadowSelectDisabled: 'none',
-  // 鼠标移入
-  cursorSelectDefault: 'pointer',
-  cursorSelectDisabled: 'not-allowed',
 
-  //
   borderRadiusDefault: '3px',
@@ -47,3 +43,3 @@
   appearance: none;
-  cursor: ${(props) => getThemeVariantValue({ ...props, defaultTheme: SelectStyleTheme }, 'cursorSelectDefault')};
+  cursor: pointer;
   color: ${(props) => getThemeVariantValue({ ...props, defaultTheme: SelectStyleTheme }, 'colorSelectBase')};
@@ -89,3 +85,3 @@ padding: ${(props) => getThemeVariantValue({ ...props, defaultTheme: SelectStyleTheme }, 'paddingSelectDefault')};
     color: ${(props) => getThemeVariantValue({ ...props, defaultTheme: SelectStyleTheme }, 'colorSelectDisabled')};
-    cursor: ${(props) => getThemeVariantValue({ ...props, defaultTheme: SelectStyleTheme }, 'cursorSelectDisabled')};
+    cursor: not-allowed;
     resize: none;
@@ -92,0 +88,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

59841

decreased by-3.9%

Lines of code

525

decreased by-5.06%

Dependency changes

• Updated@uiw/utils@^5.0.0-bate-3