@hyphen/hyphen-components 4.7.0 → 4.7.1
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/dist/components/Badge/Badge.d.ts +2 -2
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
- package/dist/hyphen-components.cjs.development.js +4 -3
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +4 -3
- package/dist/hyphen-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Badge/Badge.tsx +35 -25
- package/src/components/Tooltip/Tooltip.mdx +6 -2
- package/src/components/Tooltip/Tooltip.stories.tsx +14 -0
- package/src/components/Tooltip/Tooltip.tsx +1 -1
|
@@ -613,7 +613,7 @@ var Alert = function Alert(_ref) {
|
|
|
613
613
|
var styles$v = {"badge":"Badge-module_badge__ZbEBU","size-sm":"Badge-module_size-sm__rL8a6","size-md":"Badge-module_size-md__kf6IH","size-lg":"Badge-module_size-lg__of6XJ","inverse":"Badge-module_inverse__qZCFA","purple":"Badge-module_purple__rX-xW","green":"Badge-module_green__W03uU","red":"Badge-module_red__fl2jg","blue":"Badge-module_blue__C7kyV","yellow":"Badge-module_yellow__gGZ6R","light-grey":"Badge-module_light-grey__Wtrhx","dark-grey":"Badge-module_dark-grey__X-807","hyphen":"Badge-module_hyphen__9pe7x","size-sm-tablet":"Badge-module_size-sm-tablet__6xMVk","size-md-tablet":"Badge-module_size-md-tablet__4w-7I","size-lg-tablet":"Badge-module_size-lg-tablet__8xyRF","size-sm-desktop":"Badge-module_size-sm-desktop__Ayf5L","size-md-desktop":"Badge-module_size-md-desktop__XSq7m","size-lg-desktop":"Badge-module_size-lg-desktop__Baw3S","size-sm-hd":"Badge-module_size-sm-hd__Da6Au","size-md-hd":"Badge-module_size-md-hd__-VNMk","size-lg-hd":"Badge-module_size-lg-hd__6MOwL"};
|
|
614
614
|
|
|
615
615
|
var _excluded$K = ["className", "message", "variant", "size"];
|
|
616
|
-
var Badge = function
|
|
616
|
+
var Badge = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
617
617
|
var _classNames;
|
|
618
618
|
var _ref$className = _ref.className,
|
|
619
619
|
className = _ref$className === void 0 ? '' : _ref$className,
|
|
@@ -629,10 +629,11 @@ var Badge = function Badge(_ref) {
|
|
|
629
629
|
});
|
|
630
630
|
var badgeClasses = classNames(styles$v.badge, className, responsiveClasses, (_classNames = {}, _classNames[styles$v[variant]] = variant, _classNames));
|
|
631
631
|
return React__default.createElement(Box, _extends({
|
|
632
|
+
ref: ref,
|
|
632
633
|
className: badgeClasses,
|
|
633
634
|
display: "inline-block"
|
|
634
635
|
}, restProps), message);
|
|
635
|
-
};
|
|
636
|
+
});
|
|
636
637
|
|
|
637
638
|
var styles$u = {"spinner":"Spinner-module_spinner__SZoUP","spin":"Spinner-module_spin__Yk0wm"};
|
|
638
639
|
|
|
@@ -5241,7 +5242,7 @@ var TooltipContent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
5241
5242
|
return React.createElement(TooltipPrimitive.Content, _extends({
|
|
5242
5243
|
ref: ref,
|
|
5243
5244
|
sideOffset: sideOffset,
|
|
5244
|
-
className: classNames('background-color-tooltip font-color-tooltip font-size-xs overflow-hidden br-sm p-h-sm p-v-xs shadow-sm
|
|
5245
|
+
className: classNames('background-color-tooltip font-color-tooltip font-size-xs z-index-popover overflow-hidden br-sm p-h-sm p-v-xs shadow-sm', className)
|
|
5245
5246
|
}, props));
|
|
5246
5247
|
});
|
|
5247
5248
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|