@stenajs-webui/tooltip 21.9.0 → 21.10.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.
Files changed (3) hide show
  1. package/dist/index.es.js +1 -1
  2. package/dist/index.js +1 -1
  3. package/package.json +5 -5
package/dist/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._floating_1glwr_1{display:flex;flex-direction:row;align-items:center;background:#fff;color:#fff;border-radius:var(--swui-border-radius);padding:var(--swui-metrics-spacing) calc(var(--swui-metrics-indent) * 2);box-shadow:var(--swui-shadow-popover)}._floating_1glwr_1._disablePadding_1glwr_11{padding:0}._iconWrapper_1glwr_16{--current-bg-color: transparent;--current-border-color: var(--lhds-color-ui-50);--current-icon-color: var(--lhds-color-ui-50);display:inline-flex;flex-direction:row;white-space:nowrap;background-color:var(--current-bg-color);border:1px solid var(--current-border-color);border-radius:var(--swui-border-radius);padding:calc(var(--swui-metrics-spacing) * .5);align-items:flex-start}._iconWrapper_1glwr_16 svg{color:var(--current-icon-color)}._iconWrapper_1glwr_16._info_1glwr_36{--current-border-color: var(--lhds-color-blue-300);--current-bg-color: var(--lhds-color-blue-100);--current-icon-color: var(--lhds-color-blue-700)}._iconWrapper_1glwr_16._warning_1glwr_42{--current-border-color: var(--lhds-color-orange-300);--current-bg-color: var(--lhds-color-orange-100);--current-icon-color: var(--lhds-color-orange-700)}._iconWrapper_1glwr_16._error_1glwr_48{--current-border-color: var(--lhds-color-red-300);--current-bg-color: var(--lhds-color-red-100);--current-icon-color: var(--lhds-color-red-700)}._floating_15fk9_1{display:flex;align-items:center;background:#333;color:#fff;border-radius:var(--swui-border-radius);padding:var(--swui-metrics-spacing) calc(var(--swui-metrics-indent) * 2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._floating_15fk9_1._withIcon_15fk9_10{padding:calc(var(--swui-metrics-spacing) * .5);padding-right:calc(var(--swui-metrics-indent) * 2)}._iconWrapper_15fk9_16{--current-bg-color: transparent;--current-border-color: var(--lhds-color-ui-50);--current-icon-color: var(--lhds-color-ui-50);display:inline-flex;flex-direction:row;white-space:nowrap;background-color:var(--current-bg-color);border:1px solid var(--current-border-color);border-radius:var(--swui-border-radius);padding:calc(var(--swui-metrics-spacing) * .5);align-items:flex-start}._iconWrapper_15fk9_16 svg{color:var(--current-icon-color)}._iconWrapper_15fk9_16._info_15fk9_36{--current-border-color: var(--lhds-color-blue-300);--current-bg-color: var(--lhds-color-blue-100);--current-icon-color: var(--lhds-color-blue-700)}._iconWrapper_15fk9_16._warning_15fk9_42{--current-border-color: var(--lhds-color-orange-300);--current-bg-color: var(--lhds-color-orange-100);--current-icon-color: var(--lhds-color-orange-700)}._iconWrapper_15fk9_16._error_15fk9_48{--current-border-color: var(--lhds-color-red-300);--current-bg-color: var(--lhds-color-red-100);--current-icon-color: var(--lhds-color-red-700)}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._floating_1glwr_1{display:flex;flex-direction:row;align-items:center;background:#fff;color:#fff;border-radius:var(--swui-border-radius);padding:var(--swui-metrics-spacing) calc(var(--swui-metrics-indent) * 2);box-shadow:var(--swui-shadow-popover)}._floating_1glwr_1._disablePadding_1glwr_11{padding:0}._iconWrapper_1glwr_16{--current-bg-color: transparent;--current-border-color: var(--lhds-color-ui-50);--current-icon-color: var(--lhds-color-ui-50);display:inline-flex;flex-direction:row;white-space:nowrap;background-color:var(--current-bg-color);border:1px solid var(--current-border-color);border-radius:var(--swui-border-radius);padding:calc(var(--swui-metrics-spacing) * .5);align-items:flex-start}._iconWrapper_1glwr_16 svg{color:var(--current-icon-color)}._iconWrapper_1glwr_16._info_1glwr_36{--current-border-color: var(--lhds-color-blue-300);--current-bg-color: var(--lhds-color-blue-100);--current-icon-color: var(--lhds-color-blue-700)}._iconWrapper_1glwr_16._warning_1glwr_42{--current-border-color: var(--lhds-color-orange-300);--current-bg-color: var(--lhds-color-orange-100);--current-icon-color: var(--lhds-color-orange-700)}._iconWrapper_1glwr_16._error_1glwr_48{--current-border-color: var(--lhds-color-red-300);--current-bg-color: var(--lhds-color-red-100);--current-icon-color: var(--lhds-color-red-700)}._floating_15fk9_1{display:flex;align-items:center;background:#333;color:#fff;border-radius:var(--swui-border-radius);padding:var(--swui-metrics-spacing) calc(var(--swui-metrics-indent) * 2);width:-moz-fit-content;width:fit-content}._floating_15fk9_1._withIcon_15fk9_10{padding:calc(var(--swui-metrics-spacing) * .5);padding-right:calc(var(--swui-metrics-indent) * 2)}._iconWrapper_15fk9_16{--current-bg-color: transparent;--current-border-color: var(--lhds-color-ui-50);--current-icon-color: var(--lhds-color-ui-50);display:inline-flex;flex-direction:row;white-space:nowrap;background-color:var(--current-bg-color);border:1px solid var(--current-border-color);border-radius:var(--swui-border-radius);padding:calc(var(--swui-metrics-spacing) * .5);align-items:flex-start}._iconWrapper_15fk9_16 svg{color:var(--current-icon-color)}._iconWrapper_15fk9_16._info_15fk9_36{--current-border-color: var(--lhds-color-blue-300);--current-bg-color: var(--lhds-color-blue-100);--current-icon-color: var(--lhds-color-blue-700)}._iconWrapper_15fk9_16._warning_15fk9_42{--current-border-color: var(--lhds-color-orange-300);--current-bg-color: var(--lhds-color-orange-100);--current-icon-color: var(--lhds-color-orange-700)}._iconWrapper_15fk9_16._error_15fk9_48{--current-border-color: var(--lhds-color-red-300);--current-bg-color: var(--lhds-color-red-100);--current-icon-color: var(--lhds-color-red-700)}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
2
  import { jsxs as i, jsx as e, Fragment as P } from "react/jsx-runtime";
3
3
  import { Column as ie, Text as K, Space as T, Row as B } from "@stenajs-webui/core";
4
4
  import { FlatButton as re, PrimaryButton as le, Spinner as ce, Icon as ae, stenaInfoCircle as de, stenaExclamationCircle as fe, stenaExclamationTriangle as pe } from "@stenajs-webui/elements";
package/dist/index.js CHANGED
@@ -1,3 +1,3 @@
1
- (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._floating_1glwr_1{display:flex;flex-direction:row;align-items:center;background:#fff;color:#fff;border-radius:var(--swui-border-radius);padding:var(--swui-metrics-spacing) calc(var(--swui-metrics-indent) * 2);box-shadow:var(--swui-shadow-popover)}._floating_1glwr_1._disablePadding_1glwr_11{padding:0}._iconWrapper_1glwr_16{--current-bg-color: transparent;--current-border-color: var(--lhds-color-ui-50);--current-icon-color: var(--lhds-color-ui-50);display:inline-flex;flex-direction:row;white-space:nowrap;background-color:var(--current-bg-color);border:1px solid var(--current-border-color);border-radius:var(--swui-border-radius);padding:calc(var(--swui-metrics-spacing) * .5);align-items:flex-start}._iconWrapper_1glwr_16 svg{color:var(--current-icon-color)}._iconWrapper_1glwr_16._info_1glwr_36{--current-border-color: var(--lhds-color-blue-300);--current-bg-color: var(--lhds-color-blue-100);--current-icon-color: var(--lhds-color-blue-700)}._iconWrapper_1glwr_16._warning_1glwr_42{--current-border-color: var(--lhds-color-orange-300);--current-bg-color: var(--lhds-color-orange-100);--current-icon-color: var(--lhds-color-orange-700)}._iconWrapper_1glwr_16._error_1glwr_48{--current-border-color: var(--lhds-color-red-300);--current-bg-color: var(--lhds-color-red-100);--current-icon-color: var(--lhds-color-red-700)}._floating_15fk9_1{display:flex;align-items:center;background:#333;color:#fff;border-radius:var(--swui-border-radius);padding:var(--swui-metrics-spacing) calc(var(--swui-metrics-indent) * 2);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}._floating_15fk9_1._withIcon_15fk9_10{padding:calc(var(--swui-metrics-spacing) * .5);padding-right:calc(var(--swui-metrics-indent) * 2)}._iconWrapper_15fk9_16{--current-bg-color: transparent;--current-border-color: var(--lhds-color-ui-50);--current-icon-color: var(--lhds-color-ui-50);display:inline-flex;flex-direction:row;white-space:nowrap;background-color:var(--current-bg-color);border:1px solid var(--current-border-color);border-radius:var(--swui-border-radius);padding:calc(var(--swui-metrics-spacing) * .5);align-items:flex-start}._iconWrapper_15fk9_16 svg{color:var(--current-icon-color)}._iconWrapper_15fk9_16._info_15fk9_36{--current-border-color: var(--lhds-color-blue-300);--current-bg-color: var(--lhds-color-blue-100);--current-icon-color: var(--lhds-color-blue-700)}._iconWrapper_15fk9_16._warning_15fk9_42{--current-border-color: var(--lhds-color-orange-300);--current-bg-color: var(--lhds-color-orange-100);--current-icon-color: var(--lhds-color-orange-700)}._iconWrapper_15fk9_16._error_15fk9_48{--current-border-color: var(--lhds-color-red-300);--current-bg-color: var(--lhds-color-red-100);--current-icon-color: var(--lhds-color-red-700)}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
1
+ (function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._floating_1glwr_1{display:flex;flex-direction:row;align-items:center;background:#fff;color:#fff;border-radius:var(--swui-border-radius);padding:var(--swui-metrics-spacing) calc(var(--swui-metrics-indent) * 2);box-shadow:var(--swui-shadow-popover)}._floating_1glwr_1._disablePadding_1glwr_11{padding:0}._iconWrapper_1glwr_16{--current-bg-color: transparent;--current-border-color: var(--lhds-color-ui-50);--current-icon-color: var(--lhds-color-ui-50);display:inline-flex;flex-direction:row;white-space:nowrap;background-color:var(--current-bg-color);border:1px solid var(--current-border-color);border-radius:var(--swui-border-radius);padding:calc(var(--swui-metrics-spacing) * .5);align-items:flex-start}._iconWrapper_1glwr_16 svg{color:var(--current-icon-color)}._iconWrapper_1glwr_16._info_1glwr_36{--current-border-color: var(--lhds-color-blue-300);--current-bg-color: var(--lhds-color-blue-100);--current-icon-color: var(--lhds-color-blue-700)}._iconWrapper_1glwr_16._warning_1glwr_42{--current-border-color: var(--lhds-color-orange-300);--current-bg-color: var(--lhds-color-orange-100);--current-icon-color: var(--lhds-color-orange-700)}._iconWrapper_1glwr_16._error_1glwr_48{--current-border-color: var(--lhds-color-red-300);--current-bg-color: var(--lhds-color-red-100);--current-icon-color: var(--lhds-color-red-700)}._floating_15fk9_1{display:flex;align-items:center;background:#333;color:#fff;border-radius:var(--swui-border-radius);padding:var(--swui-metrics-spacing) calc(var(--swui-metrics-indent) * 2);width:-moz-fit-content;width:fit-content}._floating_15fk9_1._withIcon_15fk9_10{padding:calc(var(--swui-metrics-spacing) * .5);padding-right:calc(var(--swui-metrics-indent) * 2)}._iconWrapper_15fk9_16{--current-bg-color: transparent;--current-border-color: var(--lhds-color-ui-50);--current-icon-color: var(--lhds-color-ui-50);display:inline-flex;flex-direction:row;white-space:nowrap;background-color:var(--current-bg-color);border:1px solid var(--current-border-color);border-radius:var(--swui-border-radius);padding:calc(var(--swui-metrics-spacing) * .5);align-items:flex-start}._iconWrapper_15fk9_16 svg{color:var(--current-icon-color)}._iconWrapper_15fk9_16._info_15fk9_36{--current-border-color: var(--lhds-color-blue-300);--current-bg-color: var(--lhds-color-blue-100);--current-icon-color: var(--lhds-color-blue-700)}._iconWrapper_15fk9_16._warning_15fk9_42{--current-border-color: var(--lhds-color-orange-300);--current-bg-color: var(--lhds-color-orange-100);--current-icon-color: var(--lhds-color-orange-700)}._iconWrapper_15fk9_16._error_15fk9_48{--current-border-color: var(--lhds-color-red-300);--current-bg-color: var(--lhds-color-red-100);--current-icon-color: var(--lhds-color-red-700)}")),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
2
  "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("@stenajs-webui/core"),g=require("@stenajs-webui/elements"),p=require("react"),e=require("@floating-ui/react"),I=require("classnames"),D=require("@stenajs-webui/theme"),N=({text:s="Are you sure?",yesLabel:o="Yes",noLabel:r="No",onNo:c,onYes:i,loading:a})=>n.jsxs(f.Column,{position:"relative",children:[n.jsxs("div",{style:{opacity:a?0:1},children:[n.jsx(f.Text,{children:s}),n.jsx(f.Space,{}),n.jsxs(f.Row,{justifyContent:"flex-end",alignItems:"center",children:[n.jsx(g.FlatButton,{label:r,onClick:c}),n.jsx(f.Space,{}),n.jsx(g.PrimaryButton,{label:o,onClick:i})]})]}),a&&n.jsx(f.Row,{justifyContent:"center",alignItems:"center",left:0,top:0,width:"100%",height:"100%",position:"absolute",children:n.jsx(g.Spinner,{size:"small"})})]}),z="_floating_1glwr_1",U="_disablePadding_1glwr_11",B="_iconWrapper_1glwr_16",Y="_info_1glwr_36",J="_warning_1glwr_42",K="_error_1glwr_48",F={floating:z,disablePadding:U,iconWrapper:B,info:Y,warning:J,error:K},L=12,O=8,Q=2,V=({children:s,placement:o="bottom",hideArrow:r,renderTrigger:c,disablePadding:i,open:a,onRequestClose:h,restoreFocus:j,returnFocus:y,initialFocus:R,appendTo:x,zIndex:_})=>{const m=p.useRef(null),d=p.useCallback(W=>{W||h()},[h]),{refs:u,floatingStyles:w,context:l}=e.useFloating({open:a,onOpenChange:d,placement:o,middleware:[e.offset(O+Q),e.flip({padding:5}),e.shift({padding:5}),e.arrow({element:m})],whileElementsMounted:e.autoUpdate}),{isMounted:t,styles:v}=e.useTransitionStyles(l,{initial:{opacity:0}}),S=e.useDismiss(l),b=e.useRole(l),{getReferenceProps:C,getFloatingProps:T}=e.useInteractions([S,b]);return n.jsxs(n.Fragment,{children:[c({ref:u.setReference,...C()}),t&&n.jsx(e.FloatingPortal,{root:x,children:n.jsx(e.FloatingFocusManager,{context:l,modal:!1,restoreFocus:j,returnFocus:y,initialFocus:R,children:n.jsx("div",{ref:u.setFloating,style:{zIndex:_,...w},...T,children:n.jsxs("div",{style:v,className:I(F.floating,i&&F.disablePadding),children:[s,!r&&n.jsx(e.FloatingArrow,{ref:m,context:l,width:L,height:O,fill:"white"})]})})})})]})},X=12,$=8,Z=2,ee=({children:s,variant:o,trigger:r="hover",placement:c="bottom",hideArrow:i,renderTrigger:a,disablePadding:h,restoreFocus:j,returnFocus:y,initialFocus:R,appendTo:x,zIndex:_})=>{const[m,d]=p.useState(!1),u=p.useRef(null),{refs:w,floatingStyles:l,context:t}=e.useFloating({open:m,onOpenChange:d,placement:c,middleware:[e.offset($+Z),e.flip({padding:5}),e.shift({padding:5}),e.arrow({element:u})],whileElementsMounted:e.autoUpdate}),{isMounted:v,styles:S}=e.useTransitionStyles(t,{initial:{opacity:0}}),b=p.useCallback(()=>{d(!1)},[]),C=e.useDismiss(t),T=e.useRole(t),W=e.useFocus(t,{enabled:A(r,"focus")}),M=e.useClick(t,{enabled:A(r,"click")}),E=e.useHover(t,{enabled:A(r,"hover"),handleClose:e.safePolygon(),restMs:100}),{getReferenceProps:q,getFloatingProps:G}=e.useInteractions([W,M,E,C,T]);return n.jsxs(n.Fragment,{children:[a({ref:w.setReference,...q()}),v&&n.jsx(e.FloatingPortal,{root:x,children:n.jsx(e.FloatingFocusManager,{context:t,modal:!1,restoreFocus:j,returnFocus:y,initialFocus:R,children:n.jsx("div",{ref:w.setFloating,style:{zIndex:_,...l},...G,children:n.jsxs("div",{style:S,className:I(F.floating,h&&F.disablePadding,o&&F.withIcon),children:[typeof s=="function"?s({onRequestClose:b}):s,!i&&n.jsx(e.FloatingArrow,{ref:u,context:t,width:X,height:$,fill:"white"})]})})})})]})},A=(s,o)=>typeof s=="string"?s===o:s.includes(o),ne="_floating_15fk9_1",se="_withIcon_15fk9_10",te="_iconWrapper_15fk9_16",oe="_info_15fk9_36",ie="_warning_15fk9_42",re="_error_15fk9_48",P={floating:ne,withIcon:se,iconWrapper:te,info:oe,warning:ie,error:re},le={info:g.stenaInfoCircle,warning:g.stenaExclamationCircle,error:g.stenaExclamationTriangle},ce=12,k=8,ae=2,de=({children:s,visible:o,placement:r,label:c,variant:i,maxWidth:a="500px",appendTo:h,zIndex:j})=>{const[y,R]=p.useState(!1),x=p.useRef(null),{refs:_,floatingStyles:m,context:d}=e.useFloating({placement:r,open:o??y,onOpenChange:R,middleware:[e.offset(k+ae),e.flip({padding:5}),e.shift({padding:5}),e.arrow({element:x})],whileElementsMounted:e.autoUpdate}),{isMounted:u,styles:w}=e.useTransitionStyles(d,{initial:{opacity:0}}),l=e.useHover(d),{getReferenceProps:t}=e.useInteractions([l]);return n.jsxs(n.Fragment,{children:[n.jsx("div",{ref:_.setReference,...t(),children:s}),u&&n.jsx(e.FloatingPortal,{root:h,children:n.jsx("div",{ref:_.setFloating,style:{zIndex:j,...m},children:n.jsxs("div",{style:{maxWidth:a,...w},className:I(P.floating,i&&P.withIcon),children:[i?n.jsxs(n.Fragment,{children:[n.jsx("div",{className:I(P.iconWrapper,P[i]),children:n.jsx(g.Icon,{icon:le[i],size:16})}),n.jsx(f.Space,{}),n.jsx(H,{label:c})]}):n.jsx(H,{label:c}),n.jsx(e.FloatingArrow,{ref:x,context:d,width:ce,height:k,fill:"#333"})]})})})]})},H=({label:s})=>n.jsx(f.Text,{color:D.cssColor("--lhds-color-ui-50"),size:"small",variant:"bold",children:s});exports.ActionPrompt=N;exports.ControlledPopover=V;exports.Popover=ee;exports.Tooltip=de;
3
3
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/tooltip",
3
- "version": "21.9.0",
3
+ "version": "21.10.0",
4
4
  "type": "module",
5
5
  "description": "",
6
6
  "author": "mattias800",
@@ -34,9 +34,9 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@floating-ui/react": "^0.26.22",
37
- "@stenajs-webui/core": "21.9.0",
38
- "@stenajs-webui/elements": "21.9.0",
39
- "@stenajs-webui/theme": "21.9.0",
37
+ "@stenajs-webui/core": "21.10.0",
38
+ "@stenajs-webui/elements": "21.10.0",
39
+ "@stenajs-webui/theme": "21.10.0",
40
40
  "classnames": "^2.3.1"
41
41
  },
42
42
  "peerDependencies": {
@@ -61,5 +61,5 @@
61
61
  "files": [
62
62
  "dist"
63
63
  ],
64
- "gitHead": "cb531093ed07b11c4bb7821269dc1a5db6acb62b"
64
+ "gitHead": "b02af89951bf394379a02c8e8dc5ad5182d36daa"
65
65
  }