@loadsmart/loadsmart-ui 5.20.0 → 6.0.0

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DragDropFile.context-0f0ede42.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./miranda-compatibility.theme-f37aba71.js"),a=require("./toArray-b56541b4.js"),l=require("./prop-ee1dfc7f.js"),i=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@loadsmart/miranda-tokens");var d=c(t),u=s(t),g=c(n),f=c(i),p=s(i);function h(e){return`\n    transition-property: ${(null==e?void 0:e.property)||"background, border-color, box-shadow, color, fill, left, stroke, transform, opacity"};\n    transition-timing-function: ${(null==e?void 0:e.timingFunction)||"cubic-bezier(0.4, 0, 0.2, 1)"};\n    transition-duration: ${(null==e?void 0:e.duration)||"450ms"};\n    transition-delay: 0ms;\n  `}const m=g.default.span`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./DragDropFile.context-0f0ede42.js"),t=require("react"),n=require("styled-components"),r=require("./theming/index.js"),o=require("./miranda-compatibility.theme-97e29e8e.js"),a=require("./toArray-b56541b4.js"),l=require("./prop-5c502a5a.js"),i=require("react-dom");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}require("@loadsmart/miranda-tokens");var d=c(t),u=s(t),g=c(n),f=c(i),p=s(i);function h(e){return`\n    transition-property: ${(null==e?void 0:e.property)||"background, border-color, box-shadow, color, fill, left, stroke, transform, opacity"};\n    transition-timing-function: ${(null==e?void 0:e.timingFunction)||"cubic-bezier(0.4, 0, 0.2, 1)"};\n    transition-duration: ${(null==e?void 0:e.duration)||"450ms"};\n    transition-delay: 0ms;\n  `}const m=g.default.span`
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -1213,7 +1213,7 @@
   ${Fe`
     outline: ${l.conditional({"$tooltip-outline":l.whenProps({scheme:"light"}),"$tooltip-dark-outline":l.whenProps({scheme:"dark"})})};
   `}
-`,Ml=g.default.div`
+`,Ml=g.default(zl.Floating)`
   ${nn("body")}
 
   white-space: initial;
@@ -1243,7 +1243,7 @@
   background: transparent;
   border-style: solid;
 
-  z-index: 1;
+  z-index: ${r.getToken("z-index-tooltip")};
 
   ${({top:e})=>e&&`top: ${e}px;`}
   ${({left:e})=>e&&`left: ${e}px;`}
@@ -1275,7 +1275,7 @@
       border-color: transparent ${r.getToken("tooltip-background")} transparent transparent;
       border-width: 10px 12px 10px 0;
     `}
-`;function Fl(){const{register:e,result:t}=_l(),n=d.default.useRef(null);return d.default.useLayoutEffect((()=>{n.current&&e.arrow(n.current)}),[e]),d.default.createElement(Al,{ref:n,position:t.position,top:t.arrow.top,left:t.arrow.left})}function Ll(n){var{children:r,message:o,scheme:a,position:l=exports.TooltipPosition.Top,align:i=exports.TooltipAlign.Center}=n,c=e.__rest(n,["children","message","scheme","position","align"]);const[s,u]=t.useState(!1),g=t.useCallback((()=>{u(!0)}),[]),f=t.useCallback((()=>{u(!1)}),[]);return d.default.createElement(Dl,Object.assign({},c,{onFocus:g,onBlur:f,onMouseEnter:g,onMouseLeave:f,tabIndex:0,scheme:a}),d.default.createElement(zl,{position:l,align:i},s&&d.default.createElement(zl.Floating,null,d.default.createElement(Ml,{role:"tooltip"},o,d.default.createElement(Fl,null))),d.default.createElement(zl.Reference,null,r)))}const Nl=g.default.div`
+`;function Fl(){const{register:e,result:t}=_l(),n=d.default.useRef(null);return d.default.useLayoutEffect((()=>{n.current&&e.arrow(n.current)}),[e]),d.default.createElement(Al,{ref:n,position:t.position,top:t.arrow.top,left:t.arrow.left})}function Ll(n){var{children:r,message:o,scheme:a,position:l=exports.TooltipPosition.Top,align:i=exports.TooltipAlign.Center}=n,c=e.__rest(n,["children","message","scheme","position","align"]);const[s,u]=t.useState(!1),g=t.useCallback((()=>{u(!0)}),[]),f=t.useCallback((()=>{u(!1)}),[]);return d.default.createElement(Dl,Object.assign({},c,{onFocus:g,onBlur:f,onMouseEnter:g,onMouseLeave:f,tabIndex:0,scheme:a}),d.default.createElement(zl,{position:l,align:i},s&&d.default.createElement(Ml,{role:"tooltip"},o,d.default.createElement(Fl,null)),d.default.createElement(zl.Reference,null,r)))}const Nl=g.default.div`
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;