@lanaco/lnc-react-ui 3.11.11 → 3.11.13

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 +19 -17
  2. package/lib/index.js +19 -17
  3. package/package.json +1 -1
package/lib/index.esm.js CHANGED
@@ -47520,17 +47520,17 @@ var FilledButton$1 = newStyled.button(_templateObject3$e || (_templateObject3$e
47520
47520
  }, function (props) {
47521
47521
  return props.disabled === false && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "hover", "background");
47522
47522
  }, function (props) {
47523
- return getColorRgbaValue(props.theme, "ButtonFilled", props.color, "hover", "text");
47523
+ return props.disabled === false && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "hover", "text");
47524
47524
  }, function (props) {
47525
47525
  return !props.disabled && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "focus", "background");
47526
47526
  }, function (props) {
47527
- return getColorRgbaValue(props.theme, "ButtonFilled", props.color, "focus", "text");
47527
+ return props.disabled === false && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "focus", "text");
47528
47528
  }, function (props) {
47529
47529
  return !props.disabled && getOutlineCss(props.theme);
47530
47530
  }, function (props) {
47531
47531
  return props.disabled === false && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "active", "background");
47532
47532
  }, function (props) {
47533
- return getColorRgbaValue(props.theme, "ButtonFilled", props.color, "active", "text");
47533
+ return props.disabled === false && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "active", "text");
47534
47534
  });
47535
47535
  var TintedButton$1 = newStyled.button(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n ", "\n\n min-height: ", ";\n max-height: ", ";\n ", ";\n\n backdrop-filter: blur(48px);\n background-color: ", ";\n\n color: ", ";\n\n &:hover {\n background-color: ", ";\n\n color: ", ";\n }\n\n &:focus {\n background-color: ", ";\n\n color: ", ";\n ", ";\n }\n\n &:active {\n background-color: ", ";\n\n color: ", ";\n }\n\n &:disabled {\n ", ";\n cursor: default;\n background-color: ", ";\n }\n"])), function (props) {
47536
47536
  return commonCss$1(props);
@@ -47822,36 +47822,38 @@ var FilledButton = newStyled.button(_templateObject2$p || (_templateObject2$p =
47822
47822
  }, function (props) {
47823
47823
  return getColorRgbaValue(props.theme, "ButtonFilled", props.color, "disabled", "text");
47824
47824
  });
47825
- var TintedButton = newStyled.button(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n ", "\n\n ", ";\n\n backdrop-filter: blur(48px);\n color: ", ";\n\n background-color: ", ";\n\n min-height: ", ";\n max-height: ", ";\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &:focus {\n background-color: ", ";\n color: ", ";\n ", ";\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n }\n &:disabled {\n ", ";\n cursor: default;\n background-color: ", ";\n }\n"])), function (props) {
47825
+ var TintedButton = newStyled.button(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n ", "\n\n ", ";\n\n backdrop-filter: blur(48px);\n color: ", ";\n\n background-color: ", ";\n\n min-height: ", ";\n max-height: ", ";\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &:focus {\n background-color: ", ";\n color: ", ";\n ", ";\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n }\n &:disabled {\n ", ";\n cursor: default;\n background-color: ", ";\n color: ", ";\n }\n"])), function (props) {
47826
47826
  return commonCss(props);
47827
47827
  }, function (props) {
47828
47828
  return getComponentTypographyCss(props.theme, "ButtonTinted", props.size, "enabled");
47829
47829
  }, function (props) {
47830
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "enabled", "text");
47830
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "enabled", "text");
47831
47831
  }, function (props) {
47832
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "enabled", "background", "backgroundOpacity");
47832
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "enabled", "background", "backgroundOpacity");
47833
47833
  }, function (props) {
47834
47834
  return getSizeValueWithUnits(props.theme, props.size);
47835
47835
  }, function (props) {
47836
47836
  return getSizeValueWithUnits(props.theme, props.size);
47837
47837
  }, function (props) {
47838
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "hover", "background", "backgroundOpacity");
47838
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "hover", "background", "backgroundOpacity");
47839
47839
  }, function (props) {
47840
- return !props.disabled && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "hover", "text");
47840
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "hover", "text");
47841
47841
  }, function (props) {
47842
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "focus", "background", "backgroundOpacity");
47842
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "focus", "background", "backgroundOpacity");
47843
47843
  }, function (props) {
47844
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "focus", "text");
47844
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "focus", "text");
47845
47845
  }, function (props) {
47846
47846
  return props.disabled === false && getOutlineCss(props.theme);
47847
47847
  }, function (props) {
47848
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "active", "background", "backgroundOpacity");
47848
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "active", "background", "backgroundOpacity");
47849
47849
  }, function (props) {
47850
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "active", "text");
47850
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "active", "text");
47851
47851
  }, function (props) {
47852
47852
  return props.disabled === true && getDisabledStateCss(props.theme);
47853
47853
  }, function (props) {
47854
- return getColorRgbaValue(props.theme, "ButtonTinted", "gray", "disabled", "background");
47854
+ return getColorRgbaValue(props.theme, "ButtonTinted", "gray", "disabled", "background", "backgroundOpacity");
47855
+ }, function (props) {
47856
+ return getColorRgbaValue(props.theme, "ButtonTinted", "gray", "disabled", "text");
47855
47857
  });
47856
47858
  var BasicButton = newStyled.button(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n ", "\n\n ", ";\n\n color: ", ";\n\n background-color: ", ";\n\n min-height: ", ";\n max-height: ", ";\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &:focus {\n background-color: ", ";\n color: ", ";\n ", ";\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n }\n\n &:disabled {\n ", ";\n cursor: default;\n background-color: ", ";\n }\n"])), function (props) {
47857
47859
  return commonCss(props);
@@ -70835,7 +70837,7 @@ var StyledContent$1 = newStyled(motion.div)(_templateObject$K || (_templateObjec
70835
70837
  }, function (props) {
70836
70838
  return getComponentPropValue(props.theme, "Popover", props.color, "enabled", "boxShadow");
70837
70839
  }, function (props) {
70838
- return getBorderRadiusValueWithUnits(props.theme, props.borderRadius);
70840
+ return getBorderRadiusValueWithUnits(props.theme, props.$borderRadius);
70839
70841
  }, function (props) {
70840
70842
  return getColorRgbaValue(props.theme, "Popover", "default", "enabled", "bg");
70841
70843
  });
@@ -70991,7 +70993,7 @@ var PopoverContent = /*#__PURE__*/React.forwardRef(function PopoverContent(_ref4
70991
70993
  "aria-describedby": state.descriptionId
70992
70994
  }, state.getFloatingProps(props)), /*#__PURE__*/React.createElement(StyledContent$1, {
70993
70995
  theme: theme,
70994
- borderRadius: borderRadius,
70996
+ $borderRadius: borderRadius,
70995
70997
  className: className,
70996
70998
  style: style
70997
70999
  }, props.children))));
@@ -71042,7 +71044,7 @@ var _excluded$M = ["control", "offsetValue", "placement", "widthFitContent", "cl
71042
71044
  var _templateObject$J, _templateObject2$f;
71043
71045
  var StyledDropDown = newStyled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral([""])));
71044
71046
  var StyledContent = newStyled(motion.div)(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n gap: 0.25rem;\n display: flex;\n flex-direction: column;\n ", ";\n background-color: ", ";\n"])), function (props) {
71045
- return props.widthFitContent == false && "min-width: 12.5rem";
71047
+ return props.$widthFitContent == false && "min-width: 12.5rem";
71046
71048
  }, function (props) {
71047
71049
  return getColorRgbaValue(props.theme, "Dropdown", props.color, "enabled", "background");
71048
71050
  });
@@ -71152,7 +71154,7 @@ var DropdownMenu = /*#__PURE__*/React__default.forwardRef(function (props, ref)
71152
71154
  zIndex: zIndex
71153
71155
  }, /*#__PURE__*/React__default.createElement(StyledContent, {
71154
71156
  ref: menuContentRef,
71155
- widthFitContent: widthFitContent,
71157
+ $widthFitContent: widthFitContent,
71156
71158
  color: color,
71157
71159
  theme: theme
71158
71160
  }, clonedChildren))));
package/lib/index.js CHANGED
@@ -47569,17 +47569,17 @@ var FilledButton$1 = newStyled.button(_templateObject3$e || (_templateObject3$e
47569
47569
  }, function (props) {
47570
47570
  return props.disabled === false && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "hover", "background");
47571
47571
  }, function (props) {
47572
- return getColorRgbaValue(props.theme, "ButtonFilled", props.color, "hover", "text");
47572
+ return props.disabled === false && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "hover", "text");
47573
47573
  }, function (props) {
47574
47574
  return !props.disabled && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "focus", "background");
47575
47575
  }, function (props) {
47576
- return getColorRgbaValue(props.theme, "ButtonFilled", props.color, "focus", "text");
47576
+ return props.disabled === false && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "focus", "text");
47577
47577
  }, function (props) {
47578
47578
  return !props.disabled && getOutlineCss(props.theme);
47579
47579
  }, function (props) {
47580
47580
  return props.disabled === false && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "active", "background");
47581
47581
  }, function (props) {
47582
- return getColorRgbaValue(props.theme, "ButtonFilled", props.color, "active", "text");
47582
+ return props.disabled === false && getColorRgbaValue(props.theme, "ButtonFilled", props.color, "active", "text");
47583
47583
  });
47584
47584
  var TintedButton$1 = newStyled.button(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default["default"](["\n ", "\n\n min-height: ", ";\n max-height: ", ";\n ", ";\n\n backdrop-filter: blur(48px);\n background-color: ", ";\n\n color: ", ";\n\n &:hover {\n background-color: ", ";\n\n color: ", ";\n }\n\n &:focus {\n background-color: ", ";\n\n color: ", ";\n ", ";\n }\n\n &:active {\n background-color: ", ";\n\n color: ", ";\n }\n\n &:disabled {\n ", ";\n cursor: default;\n background-color: ", ";\n }\n"])), function (props) {
47585
47585
  return commonCss$1(props);
@@ -47871,36 +47871,38 @@ var FilledButton = newStyled.button(_templateObject2$p || (_templateObject2$p =
47871
47871
  }, function (props) {
47872
47872
  return getColorRgbaValue(props.theme, "ButtonFilled", props.color, "disabled", "text");
47873
47873
  });
47874
- var TintedButton = newStyled.button(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral__default["default"](["\n ", "\n\n ", ";\n\n backdrop-filter: blur(48px);\n color: ", ";\n\n background-color: ", ";\n\n min-height: ", ";\n max-height: ", ";\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &:focus {\n background-color: ", ";\n color: ", ";\n ", ";\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n }\n &:disabled {\n ", ";\n cursor: default;\n background-color: ", ";\n }\n"])), function (props) {
47874
+ var TintedButton = newStyled.button(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral__default["default"](["\n ", "\n\n ", ";\n\n backdrop-filter: blur(48px);\n color: ", ";\n\n background-color: ", ";\n\n min-height: ", ";\n max-height: ", ";\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &:focus {\n background-color: ", ";\n color: ", ";\n ", ";\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n }\n &:disabled {\n ", ";\n cursor: default;\n background-color: ", ";\n color: ", ";\n }\n"])), function (props) {
47875
47875
  return commonCss(props);
47876
47876
  }, function (props) {
47877
47877
  return getComponentTypographyCss(props.theme, "ButtonTinted", props.size, "enabled");
47878
47878
  }, function (props) {
47879
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "enabled", "text");
47879
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "enabled", "text");
47880
47880
  }, function (props) {
47881
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "enabled", "background", "backgroundOpacity");
47881
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "enabled", "background", "backgroundOpacity");
47882
47882
  }, function (props) {
47883
47883
  return getSizeValueWithUnits(props.theme, props.size);
47884
47884
  }, function (props) {
47885
47885
  return getSizeValueWithUnits(props.theme, props.size);
47886
47886
  }, function (props) {
47887
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "hover", "background", "backgroundOpacity");
47887
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "hover", "background", "backgroundOpacity");
47888
47888
  }, function (props) {
47889
- return !props.disabled && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "hover", "text");
47889
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "hover", "text");
47890
47890
  }, function (props) {
47891
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "focus", "background", "backgroundOpacity");
47891
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "focus", "background", "backgroundOpacity");
47892
47892
  }, function (props) {
47893
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "focus", "text");
47893
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "focus", "text");
47894
47894
  }, function (props) {
47895
47895
  return props.disabled === false && getOutlineCss(props.theme);
47896
47896
  }, function (props) {
47897
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "active", "background", "backgroundOpacity");
47897
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "active", "background", "backgroundOpacity");
47898
47898
  }, function (props) {
47899
- return getColorRgbaValue(props.theme, "ButtonTinted", props.color, "active", "text");
47899
+ return props.disabled !== true && getColorRgbaValue(props.theme, "ButtonTinted", props.color, "active", "text");
47900
47900
  }, function (props) {
47901
47901
  return props.disabled === true && getDisabledStateCss(props.theme);
47902
47902
  }, function (props) {
47903
- return getColorRgbaValue(props.theme, "ButtonTinted", "gray", "disabled", "background");
47903
+ return getColorRgbaValue(props.theme, "ButtonTinted", "gray", "disabled", "background", "backgroundOpacity");
47904
+ }, function (props) {
47905
+ return getColorRgbaValue(props.theme, "ButtonTinted", "gray", "disabled", "text");
47904
47906
  });
47905
47907
  var BasicButton = newStyled.button(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral__default["default"](["\n ", "\n\n ", ";\n\n color: ", ";\n\n background-color: ", ";\n\n min-height: ", ";\n max-height: ", ";\n\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n &:focus {\n background-color: ", ";\n color: ", ";\n ", ";\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n }\n\n &:disabled {\n ", ";\n cursor: default;\n background-color: ", ";\n }\n"])), function (props) {
47906
47908
  return commonCss(props);
@@ -70884,7 +70886,7 @@ var StyledContent$1 = newStyled(motion.div)(_templateObject$K || (_templateObjec
70884
70886
  }, function (props) {
70885
70887
  return getComponentPropValue(props.theme, "Popover", props.color, "enabled", "boxShadow");
70886
70888
  }, function (props) {
70887
- return getBorderRadiusValueWithUnits(props.theme, props.borderRadius);
70889
+ return getBorderRadiusValueWithUnits(props.theme, props.$borderRadius);
70888
70890
  }, function (props) {
70889
70891
  return getColorRgbaValue(props.theme, "Popover", "default", "enabled", "bg");
70890
70892
  });
@@ -71040,7 +71042,7 @@ var PopoverContent = /*#__PURE__*/React__namespace.forwardRef(function PopoverCo
71040
71042
  "aria-describedby": state.descriptionId
71041
71043
  }, state.getFloatingProps(props)), /*#__PURE__*/React__namespace.createElement(StyledContent$1, {
71042
71044
  theme: theme,
71043
- borderRadius: borderRadius,
71045
+ $borderRadius: borderRadius,
71044
71046
  className: className,
71045
71047
  style: style
71046
71048
  }, props.children))));
@@ -71091,7 +71093,7 @@ var _excluded$M = ["control", "offsetValue", "placement", "widthFitContent", "cl
71091
71093
  var _templateObject$J, _templateObject2$f;
71092
71094
  var StyledDropDown = newStyled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral__default["default"]([""])));
71093
71095
  var StyledContent = newStyled(motion.div)(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral__default["default"](["\n gap: 0.25rem;\n display: flex;\n flex-direction: column;\n ", ";\n background-color: ", ";\n"])), function (props) {
71094
- return props.widthFitContent == false && "min-width: 12.5rem";
71096
+ return props.$widthFitContent == false && "min-width: 12.5rem";
71095
71097
  }, function (props) {
71096
71098
  return getColorRgbaValue(props.theme, "Dropdown", props.color, "enabled", "background");
71097
71099
  });
@@ -71201,7 +71203,7 @@ var DropdownMenu = /*#__PURE__*/React__default["default"].forwardRef(function (p
71201
71203
  zIndex: zIndex
71202
71204
  }, /*#__PURE__*/React__default["default"].createElement(StyledContent, {
71203
71205
  ref: menuContentRef,
71204
- widthFitContent: widthFitContent,
71206
+ $widthFitContent: widthFitContent,
71205
71207
  color: color,
71206
71208
  theme: theme
71207
71209
  }, clonedChildren))));
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
3
  "type": "module",
4
- "version": "3.11.11",
4
+ "version": "3.11.13",
5
5
  "description": "component library",
6
6
  "main": "lib/index.js",
7
7
  "module": "lib/index.esm.js",