@thecb/components 7.0.2-beta.6 → 7.0.2-beta.8

package/dist/index.esm.js

@@ -22791,7 +22791,8 @@ var Popover = function Popover(_ref) {
       arrowPosition = _ref.arrowPosition,
       _ref$arrowDirection = _ref.arrowDirection,
       arrowDirection = _ref$arrowDirection === void 0 ? "down" : _ref$arrowDirection,
-      transform = _ref.transform,
+      _ref$transform = _ref.transform,
+      transform = _ref$transform === void 0 ? "none" : _ref$transform,
       buttonExtraStyles = _ref.buttonExtraStyles;
   var hoverColor = themeValues.hoverColor,
       activeColor = themeValues.activeColor,
@@ -22887,7 +22888,7 @@ var Popover = function Popover(_ref) {
     tabIndex: popoverFocus && popoverOpen ? "0" : "-1",
     minWidth: minWidth,
     maxWidth: maxWidth,
-    extraStyles: "\n          display: ".concat(popoverOpen ? "block" : "none", "; \n          position: absolute; \n          top: ").concat(top, "; \n          right: ").concat(right, "; \n          bottom: ").concat(bottom, "; \n          left: ").concat(left, ";\n          height: ").concat(height, ";\n          transform: ").concat(transform ? transform : "none", ";\n          ")
+    extraStyles: "\n          display: ".concat(popoverOpen ? "block" : "none", "; \n          position: absolute; \n          top: ").concat(top, "; \n          right: ").concat(right, "; \n          bottom: ").concat(bottom, "; \n          left: ").concat(left, ";\n          height: ").concat(height, ";\n          transform: ").concat(transform, ";\n          ")
   }, /*#__PURE__*/React.createElement(Paragraph$1, null, content), /*#__PURE__*/React.createElement(Box, {
     padding: "0",
     extraStyles: "\n            position: absolute;\n            content: \"\";\n            width: 0;\n            height: 0;\n            ".concat(arrowBorder(arrowDirection, "8px"), ";\n            filter: drop-shadow(2px 8px 14px black);\n            bottom: ").concat(arrowBottom, ";\n            right: ").concat(arrowRight, ";\n            top: ").concat(arrowTop, ";\n            left: ").concat(arrowLeft, ";\n          ")
@@ -37571,8 +37572,8 @@ var ClipboardIcon = function ClipboardIcon(_ref) {
     width: "16",
     height: "18"
   }, /*#__PURE__*/React.createElement("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
     d: "M9.83929 3.43753H14.1607V5.59825H9.83929L9.83929 3.43753ZM8.75893 3.43753C8.75893 2.84087 9.24262 2.35718 9.83929 2.35718H14.1607C14.7574 2.35718 15.2411 2.84087 15.2411 3.43753V5.59825C15.2411 6.19491 14.7574 6.67861 14.1607 6.67861H9.83929C9.24262 6.67861 8.75893 6.19491 8.75893 5.59825V3.43753ZM6.59821 3.70762H7.94866V5.32816H6.59821C6.29988 5.32816 6.05804 5.57001 6.05804 5.86834V17.4822C6.05804 17.7805 6.29988 18.0224 6.59821 18.0224H17.4018C17.7001 18.0224 17.942 17.7805 17.942 17.4822V5.86834C17.942 5.57001 17.7001 5.32816 17.4018 5.32816H16.0513V3.70762H17.4018C18.5951 3.70762 19.5625 4.67501 19.5625 5.86834V17.4822C19.5625 18.6755 18.5951 19.6429 17.4018 19.6429H6.59821C5.40488 19.6429 4.4375 18.6755 4.4375 17.4822V5.86834C4.4375 4.67501 5.40488 3.70762 6.59821 3.70762Z",
     fill: themeValues.singleIconColor
   })), /*#__PURE__*/React.createElement("g", {
@@ -37631,7 +37632,7 @@ var Copyable = function Copyable(_ref2) {
       _ref2$hasPopover = _ref2.hasPopover,
       hasPopover = _ref2$hasPopover === void 0 ? true : _ref2$hasPopover,
       _ref2$popoverMinWidth = _ref2.popoverMinWidth,
-      popoverMinWidth = _ref2$popoverMinWidth === void 0 ? "210px" : _ref2$popoverMinWidth,
+      popoverMinWidth = _ref2$popoverMinWidth === void 0 ? "max-content" : _ref2$popoverMinWidth,
       _ref2$popoverID = _ref2.popoverID,
       popoverID = _ref2$popoverID === void 0 ? 0 : _ref2$popoverID,
       popoverExtraStyles = _ref2.popoverExtraStyles;
@@ -37722,7 +37723,7 @@ var Copyable = function Copyable(_ref2) {
     transform: "translate(-100%, -75%)",
     arrowDirection: "right",
     popoverID: popoverID,
-    buttonExtraStyles: "margin: 0",
+    buttonExtraStyles: "margin: 0;min-width:auto",
     extraStyles: popoverExtraStyles,
     triggerText: CopyableContent({
       content: content,