@lanaco/lnc-react-ui 3.1.1 → 3.2.0

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.
Files changed (3) hide show
  1. package/lib/index.esm.js +8 -2
  2. package/lib/index.js +8 -2
  3. package/package.json +1 -1
package/lib/index.esm.js CHANGED
@@ -71079,8 +71079,14 @@ DropdownMenu.propTypes = {
71079
71079
 
71080
71080
  var _excluded$L = ["active", "icon", "disabled", "isNested", "showNested", "value", "onFocus", "onBlur", "onClick", "onKeyDown", "onMouseEnter", "onMouseLeave", "toggleNested", "onItemSelected", "className", "style", "color", "iconProps", "__TYPE__", "children"];
71081
71081
  var _templateObject$I;
71082
- var Item$1 = newStyled.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n box-sizing: border-box;\n cursor: ", ";\n width: 100%;\n border-radius: 6px;\n display: flex;\n align-items: center;\n min-height: 2.25rem;\n gap: 0.563rem;\n padding: 0.563rem;\n ", ";\n & .drop-down-icon-lnc {\n color: ", ";\n ", ";\n background: transparent;\n }\n & .sub-menu-icon-lnc {\n margin-left: auto;\n transform: ", ";\n transition: transform 0.25s ease;\n }\n ", "\n outline: none;\n ", ";\n"])), function (props) {
71082
+ var Item$1 = newStyled.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n box-sizing: border-box;\n cursor: ", ";\n width: 100%;\n border-radius: 6px;\n display: flex;\n align-items: center;\n min-height: 2.25rem;\n gap: 0.563rem;\n padding: 0.563rem;\n &:hover {\n background-color: ", ";\n color: ", ";\n & .drop-down-icon-lnc {\n color: ", ";\n }\n }\n ", ";\n & .drop-down-icon-lnc {\n color: ", ";\n ", ";\n background: transparent;\n }\n & .sub-menu-icon-lnc {\n margin-left: auto;\n transform: ", ";\n transition: transform 0.25s ease;\n }\n ", "\n outline: none;\n ", ";\n"])), function (props) {
71083
71083
  return props.disabled == false ? "pointer" : "context-menu";
71084
+ }, function (props) {
71085
+ return getColorRgbaValue(props.theme, "MenuItem", props.color, "hover", "background", "backgroundOpacity");
71086
+ }, function (props) {
71087
+ return getColorRgbaValue(props.theme, "MenuItem", props.color, "hover", "text");
71088
+ }, function (props) {
71089
+ return getColorRgbaValue(props.theme, "MenuItem", props.color, "hover", "icon");
71084
71090
  }, function (props) {
71085
71091
  return getComponentTypographyCss(props.theme, "MenuItem", props.size, "enabled");
71086
71092
  }, function (props) {
@@ -71090,7 +71096,7 @@ var Item$1 = newStyled.div(_templateObject$I || (_templateObject$I = _taggedTemp
71090
71096
  }, function (props) {
71091
71097
  return props.showNested ? "rotate(180deg)" : "rotate(0)";
71092
71098
  }, function (props) {
71093
- return props.isActive == true && props.disabled == false && "background-color: ".concat(getColorRgbaValue(props.theme, "MenuItem", props.color, "focus", "background"), ";\n color: ").concat(getColorRgbaValue(props.theme, "MenuItem", props.color, "focus", "text"), ";\n ");
71099
+ return props.isActive == true && props.disabled == false && "background-color: ".concat(getColorRgbaValue(props.theme, "MenuItem", props.color, "focus", "background", "backgroundOpacity"), ";\n color: ").concat(getColorRgbaValue(props.theme, "MenuItem", props.color, "focus", "text"), ";\n ");
71094
71100
  }, function (props) {
71095
71101
  return props.disabled && getDisabledStateCss(props.theme);
71096
71102
  });
package/lib/index.js CHANGED
@@ -71128,8 +71128,14 @@ DropdownMenu.propTypes = {
71128
71128
 
71129
71129
  var _excluded$L = ["active", "icon", "disabled", "isNested", "showNested", "value", "onFocus", "onBlur", "onClick", "onKeyDown", "onMouseEnter", "onMouseLeave", "toggleNested", "onItemSelected", "className", "style", "color", "iconProps", "__TYPE__", "children"];
71130
71130
  var _templateObject$I;
71131
- var Item$1 = newStyled.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral__default["default"](["\n box-sizing: border-box;\n cursor: ", ";\n width: 100%;\n border-radius: 6px;\n display: flex;\n align-items: center;\n min-height: 2.25rem;\n gap: 0.563rem;\n padding: 0.563rem;\n ", ";\n & .drop-down-icon-lnc {\n color: ", ";\n ", ";\n background: transparent;\n }\n & .sub-menu-icon-lnc {\n margin-left: auto;\n transform: ", ";\n transition: transform 0.25s ease;\n }\n ", "\n outline: none;\n ", ";\n"])), function (props) {
71131
+ var Item$1 = newStyled.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral__default["default"](["\n box-sizing: border-box;\n cursor: ", ";\n width: 100%;\n border-radius: 6px;\n display: flex;\n align-items: center;\n min-height: 2.25rem;\n gap: 0.563rem;\n padding: 0.563rem;\n &:hover {\n background-color: ", ";\n color: ", ";\n & .drop-down-icon-lnc {\n color: ", ";\n }\n }\n ", ";\n & .drop-down-icon-lnc {\n color: ", ";\n ", ";\n background: transparent;\n }\n & .sub-menu-icon-lnc {\n margin-left: auto;\n transform: ", ";\n transition: transform 0.25s ease;\n }\n ", "\n outline: none;\n ", ";\n"])), function (props) {
71132
71132
  return props.disabled == false ? "pointer" : "context-menu";
71133
+ }, function (props) {
71134
+ return getColorRgbaValue(props.theme, "MenuItem", props.color, "hover", "background", "backgroundOpacity");
71135
+ }, function (props) {
71136
+ return getColorRgbaValue(props.theme, "MenuItem", props.color, "hover", "text");
71137
+ }, function (props) {
71138
+ return getColorRgbaValue(props.theme, "MenuItem", props.color, "hover", "icon");
71133
71139
  }, function (props) {
71134
71140
  return getComponentTypographyCss(props.theme, "MenuItem", props.size, "enabled");
71135
71141
  }, function (props) {
@@ -71139,7 +71145,7 @@ var Item$1 = newStyled.div(_templateObject$I || (_templateObject$I = _taggedTemp
71139
71145
  }, function (props) {
71140
71146
  return props.showNested ? "rotate(180deg)" : "rotate(0)";
71141
71147
  }, function (props) {
71142
- return props.isActive == true && props.disabled == false && "background-color: ".concat(getColorRgbaValue(props.theme, "MenuItem", props.color, "focus", "background"), ";\n color: ").concat(getColorRgbaValue(props.theme, "MenuItem", props.color, "focus", "text"), ";\n ");
71148
+ return props.isActive == true && props.disabled == false && "background-color: ".concat(getColorRgbaValue(props.theme, "MenuItem", props.color, "focus", "background", "backgroundOpacity"), ";\n color: ").concat(getColorRgbaValue(props.theme, "MenuItem", props.color, "focus", "text"), ";\n ");
71143
71149
  }, function (props) {
71144
71150
  return props.disabled && getDisabledStateCss(props.theme);
71145
71151
  });
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
3
  "type": "module",
4
- "version": "3.1.1",
4
+ "version": "3.2.0",
5
5
  "description": "component library",
6
6
  "main": "lib/index.js",
7
7
  "module": "lib/index.esm.js",