@lanaco/lnc-react-ui 3.1.2 → 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.
- package/lib/index.esm.js +7 -1
- package/lib/index.js +7 -1
- 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) {
|
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) {
|