@prom-ui/core 0.0.40 → 0.0.50
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/Body/package.json +1 -1
- package/Box/cjs/style.development.css +1 -1
- package/Box/cjs/style.production.css +1 -1
- package/Box/package.json +1 -1
- package/Button/package.json +1 -1
- package/ButtonPageUp/package.json +1 -1
- package/Checkbox/package.json +1 -1
- package/Flex/package.json +1 -1
- package/Grid/package.json +1 -1
- package/Icon/package.json +1 -1
- package/Image/package.json +1 -1
- package/ImageEmoji/package.json +1 -1
- package/Input/package.json +1 -1
- package/KeyPress/package.json +1 -1
- package/Line/package.json +1 -1
- package/Link/package.json +1 -1
- package/List/package.json +1 -1
- package/Media/package.json +1 -1
- package/OutsideClick/package.json +1 -1
- package/Overlay/cjs/index.development.js +2 -1
- package/Overlay/cjs/index.production.js +1 -1
- package/Overlay/cjs/style.development.css +1 -1
- package/Overlay/cjs/style.production.css +1 -1
- package/Overlay/package.json +1 -1
- package/Picture/package.json +1 -1
- package/PortableOverlay/cjs/style.development.css +1 -1
- package/PortableOverlay/cjs/style.production.css +1 -1
- package/PortableOverlay/package.json +1 -1
- package/Portal/package.json +1 -1
- package/Rating/package.json +1 -1
- package/SafeQuery/package.json +1 -1
- package/Scroll/package.json +1 -1
- package/ScrollControls/package.json +1 -1
- package/SideOverlay/package.json +1 -1
- package/SimpleSlider/package.json +1 -1
- package/Skeleton/package.json +1 -1
- package/Spinner/package.json +1 -1
- package/Text/package.json +1 -1
- package/TextEmoji/package.json +1 -1
- package/Tooltip/cjs/index.development.js +151 -0
- package/Tooltip/cjs/index.production.js +1 -0
- package/Tooltip/cjs/style.development.css +1 -0
- package/Tooltip/cjs/style.production.css +1 -0
- package/Tooltip/index.d.ts +80 -0
- package/Tooltip/index.js +7 -0
- package/Tooltip/package.json +14 -0
- package/Tumbler/package.json +1 -1
- package/package.json +3 -3
package/Box/package.json
CHANGED
package/Button/package.json
CHANGED
package/Checkbox/package.json
CHANGED
package/Flex/package.json
CHANGED
package/Grid/package.json
CHANGED
package/Icon/package.json
CHANGED
package/Image/package.json
CHANGED
package/ImageEmoji/package.json
CHANGED
package/Input/package.json
CHANGED
package/KeyPress/package.json
CHANGED
package/Line/package.json
CHANGED
package/Link/package.json
CHANGED
package/List/package.json
CHANGED
package/Media/package.json
CHANGED
|
@@ -137,7 +137,8 @@ var OverlayHeader = function (_a) {
|
|
|
137
137
|
"text-align": 'center',
|
|
138
138
|
"text-size": 'h4',
|
|
139
139
|
"text-wrap": 'ellipsis',
|
|
140
|
-
"text-weight": 'bold'
|
|
140
|
+
"text-weight": 'bold',
|
|
141
|
+
"data-qaid": 'title'
|
|
141
142
|
}, title) : title), React__default["default"].createElement("div", {
|
|
142
143
|
className: css.header__action
|
|
143
144
|
}, isShowCloseButton && onClose && React__default["default"].createElement(Button.Button, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("@prom-ui/core/KeyPress"),o=require("@prom-ui/core/Portal"),n=require("ttag"),a=require("evokit"),i=require("react-transition-group"),c=require("@prom-ui/core/Text"),l=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),u=require("@prom-ui/icons/Close"),s=require("@prom-ui/icons/ArrowBack");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var m=p(e),v=f(e),h=p(t),_=function(){return _=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},_.apply(this,arguments)};function b(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var y,E,O={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",body:"fvbis",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1"},k={css:O,b:""},g=a.createBlock("div","root",[],k),P=a.createBlock("div","backdrop",[],k),w=a.createBlock("div","popup",["placement"],k),S=a.createBlock("div","content",[],k),B=a.createBlock("div","body",[],k),C=function(e){var t=e.open,r=void 0!==t&&t,o=e.children,n=e.enabled,a=void 0===n||n,c=e.onEnter;return m.default.createElement(i.CSSTransition,{in:r,timeout:a?225:0,classNames:O,unmountOnExit:!0,onEnter:c},o)},x=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,a=e.title,i=e.onClose,p=e.onPrev;return m.default.createElement("div",{className:O.header},void 0!==o?o:m.default.createElement("div",{className:O.header__grid},m.default.createElement("div",{className:O.header__action},t&&m.default.createElement(l.Button,{className:O.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:p,"aria-label":n.t(y||(y=b(["Назад"],["Назад"]))),"data-qaid":"prev"},m.default.createElement(d.Icon,{"icon-as":s.ArrowBack,className:O.header__actionIcon}))),m.default.createElement("div",{className:O.header__title},"string"==typeof a?m.default.createElement(c.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold"},a):a),m.default.createElement("div",{className:O.header__action},r&&i&&m.default.createElement(l.Button,{className:O.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":n.t(E||(E=b(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},m.default.createElement(d.Icon,{"icon-as":u.Close,className:O.header__actionIcon})))))},q=function(e){var t=e.children;return m.default.createElement("div",{className:O.footer},t)},j=function(e,t){return["top","bottom"].includes(e)?{height:t}:{width:t}};exports.Overlay=function(e){var n=e.children,a=e.onClose,i=e.onOpen,c=e.onPrev,l=e.isOpen,d=e.isShowCloseButton,u=void 0===d||d,s=e.isShowPrevButton,p=void 0!==s&&s,f=e.isCloseOnEscape,m=void 0===f||f,b=e.isAnimated,y=void 0===b||b,E=e.isCloseOutsideClick,O=void 0===E||E,k=e.isRenderPortal,I=void 0===k||k,z=e.isScrollLock,N=void 0===z||z,A=e.isScrollLockTouch,L=void 0===A||A,R=e.header,T=e.footer,D=e.padding,U=void 0===D?"20px 20px 20px 20px":D,K=e.title,M=e.placement,Q=void 0===M?"right":M,G=e.size,H=void 0===G?400:G,J=e.zIndex,V=void 0===J?5e3:J,Y=e.contentRef,F=e.dataQaId,W=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}(e,["children","onClose","onOpen","onPrev","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isAnimated","isCloseOutsideClick","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","zIndex","contentRef","dataQaId"]),X=L?t.TouchScrollable:v.Fragment;return v.createElement(C,{open:l,onEnter:function(){i&&i()},enabled:y},v.createElement(o.Portal,{isActive:I},v.createElement(g,_({role:"presentation",style:{zIndex:V}},W),v.createElement(h.default,{isActive:N}),v.createElement(r.KeyPress,{isActive:m,code:"Escape",onKeyDown:a}),v.createElement(P,{"aria-hidden":!0,onClick:function(e){O&&a&&a(e)}}),v.createElement(w,{"popup-placement":Q,"aria-modal":!0,role:"dialog",style:j(Q,H),"data-qaid":F},v.createElement(B,null,v.createElement(x,{isShowCloseButton:u,isShowPrevButton:p,onClose:a,onPrev:c,title:K},R),v.createElement(X,null,v.createElement(S,{ref:Y,style:{padding:U}},n)),v.createElement(q,null,T))))))},require("./style.production.css");
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-scrolllock"),r=require("@prom-ui/core/KeyPress"),o=require("@prom-ui/core/Portal"),n=require("ttag"),a=require("evokit"),i=require("react-transition-group"),c=require("@prom-ui/core/Text"),l=require("@prom-ui/core/Button"),d=require("@prom-ui/core/Icon"),u=require("@prom-ui/icons/Close"),s=require("@prom-ui/icons/ArrowBack");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var m=p(e),v=f(e),h=p(t),_=function(){return _=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},_.apply(this,arguments)};function b(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var y,E,O={root:"v0oYp",backdrop:"RvRWz",popup:"elIqJ",popup_placement_top:"Llv4b",popup_placement_bottom:"DJyNc",popup_placement_right:"_4DX3c",popup_placement_left:"OwkR7",body:"fvbis",content:"_5qQ0k",header:"LIk9z",header__grid:"SShy4",header__item:"_9fUzS",header__title:"Vuilz _9fUzS",header__action:"c-A8d _9fUzS",header__actionButton:"yYG24",header__actionIcon:"La2ok",footer:"_3Ca-G",enter:"OjeZp",exit:"HiHMU",enterActive:"Ne-Vn",exitActive:"_6f7f1"},k={css:O,b:""},g=a.createBlock("div","root",[],k),P=a.createBlock("div","backdrop",[],k),w=a.createBlock("div","popup",["placement"],k),S=a.createBlock("div","content",[],k),B=a.createBlock("div","body",[],k),C=function(e){var t=e.open,r=void 0!==t&&t,o=e.children,n=e.enabled,a=void 0===n||n,c=e.onEnter;return m.default.createElement(i.CSSTransition,{in:r,timeout:a?225:0,classNames:O,unmountOnExit:!0,onEnter:c},o)},x=function(e){var t=e.isShowPrevButton,r=e.isShowCloseButton,o=e.children,a=e.title,i=e.onClose,p=e.onPrev;return m.default.createElement("div",{className:O.header},void 0!==o?o:m.default.createElement("div",{className:O.header__grid},m.default.createElement("div",{className:O.header__action},t&&m.default.createElement(l.Button,{className:O.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:p,"aria-label":n.t(y||(y=b(["Назад"],["Назад"]))),"data-qaid":"prev"},m.default.createElement(d.Icon,{"icon-as":s.ArrowBack,className:O.header__actionIcon}))),m.default.createElement("div",{className:O.header__title},"string"==typeof a?m.default.createElement(c.Text,{"text-align":"center","text-size":"h4","text-wrap":"ellipsis","text-weight":"bold","data-qaid":"title"},a):a),m.default.createElement("div",{className:O.header__action},r&&i&&m.default.createElement(l.Button,{className:O.header__actionButton,"button-theme":"black-inherit",type:"button",onClick:i,"aria-label":n.t(E||(E=b(["Закрыть"],["Закрыть"]))),"data-qaid":"close"},m.default.createElement(d.Icon,{"icon-as":u.Close,className:O.header__actionIcon})))))},q=function(e){var t=e.children;return m.default.createElement("div",{className:O.footer},t)},j=function(e,t){return["top","bottom"].includes(e)?{height:t}:{width:t}};exports.Overlay=function(e){var n=e.children,a=e.onClose,i=e.onOpen,c=e.onPrev,l=e.isOpen,d=e.isShowCloseButton,u=void 0===d||d,s=e.isShowPrevButton,p=void 0!==s&&s,f=e.isCloseOnEscape,m=void 0===f||f,b=e.isAnimated,y=void 0===b||b,E=e.isCloseOutsideClick,O=void 0===E||E,k=e.isRenderPortal,I=void 0===k||k,z=e.isScrollLock,N=void 0===z||z,A=e.isScrollLockTouch,L=void 0===A||A,R=e.header,T=e.footer,D=e.padding,U=void 0===D?"20px 20px 20px 20px":D,K=e.title,M=e.placement,Q=void 0===M?"right":M,G=e.size,H=void 0===G?400:G,J=e.zIndex,V=void 0===J?5e3:J,Y=e.contentRef,F=e.dataQaId,W=function(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}(e,["children","onClose","onOpen","onPrev","isOpen","isShowCloseButton","isShowPrevButton","isCloseOnEscape","isAnimated","isCloseOutsideClick","isRenderPortal","isScrollLock","isScrollLockTouch","header","footer","padding","title","placement","size","zIndex","contentRef","dataQaId"]),X=L?t.TouchScrollable:v.Fragment;return v.createElement(C,{open:l,onEnter:function(){i&&i()},enabled:y},v.createElement(o.Portal,{isActive:I},v.createElement(g,_({role:"presentation",style:{zIndex:V}},W),v.createElement(h.default,{isActive:N}),v.createElement(r.KeyPress,{isActive:m,code:"Escape",onKeyDown:a}),v.createElement(P,{"aria-hidden":!0,onClick:function(e){O&&a&&a(e)}}),v.createElement(w,{"popup-placement":Q,"aria-modal":!0,role:"dialog",style:j(Q,H),"data-qaid":F},v.createElement(B,null,v.createElement(x,{isShowCloseButton:u,isShowPrevButton:p,onClose:a,onPrev:c,title:K},R),v.createElement(X,null,v.createElement(S,{ref:Y,style:{padding:U}},n)),v.createElement(q,null,T))))))},require("./style.production.css");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Overlay__root___v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.Overlay__backdrop___RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.Overlay__popup___elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc,.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{transform:none;will-change:transform}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc{right:0;left:0;max-height:90%}.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{top:0;bottom:0;max-width:90%}.Overlay__popup_placement_top___Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.Overlay__popup_placement_bottom___DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.Overlay__popup_placement_right___4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.Overlay__popup_placement_left___OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.Overlay__body___fvbis{width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;transform:translate3d(0,0,0)}.Overlay__content___5qQ0k{flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.Overlay__content___5qQ0k:after{clear:both}.Overlay__content___5qQ0k:before,.Overlay__content___5qQ0k:after{content:"";display:table}.Overlay__header___LIk9z{box-sizing:border-box;flex:0}.Overlay__header___LIk9z:after{clear:both}.Overlay__header___LIk9z:before,.Overlay__header___LIk9z:after{content:"";display:table}.Overlay__header__grid___SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.Overlay__header__item___9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Overlay__header__title___Vuilz{flex:1}.Overlay__header__action___c-A8d{min-width:34px}.Overlay__header__actionButton___yYG24{padding:0;width:34px;height:34px}.Overlay__header__actionIcon___La2ok{width:24px;height:24px}.Overlay__footer___3Ca-G{box-sizing:border-box;flex:0}.Overlay__footer___3Ca-G:after{clear:both}.Overlay__footer___3Ca-G:before,.Overlay__footer___3Ca-G:after{content:"";display:table}.Overlay__enter___OjeZp,.Overlay__exit___HiHMU{pointer-events:auto}.Overlay__enterActive___Ne-Vn,.Overlay__exitActive___6f7f1{pointer-events:none}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz,.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{transition:opacity
|
|
1
|
+
.Overlay__root___v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.Overlay__backdrop___RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.Overlay__popup___elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc,.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{transform:none;will-change:transform}.Overlay__popup_placement_top___Llv4b,.Overlay__popup_placement_bottom___DJyNc{right:0;left:0;max-height:90%}.Overlay__popup_placement_right___4DX3c,.Overlay__popup_placement_left___OwkR7{top:0;bottom:0;max-width:90%}.Overlay__popup_placement_top___Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.Overlay__popup_placement_bottom___DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}.Overlay__popup_placement_right___4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.Overlay__popup_placement_left___OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.Overlay__body___fvbis{width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;transform:translate3d(0,0,0)}.Overlay__content___5qQ0k{flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.Overlay__content___5qQ0k:after{clear:both}.Overlay__content___5qQ0k:before,.Overlay__content___5qQ0k:after{content:"";display:table}.Overlay__header___LIk9z{box-sizing:border-box;flex:0}.Overlay__header___LIk9z:after{clear:both}.Overlay__header___LIk9z:before,.Overlay__header___LIk9z:after{content:"";display:table}.Overlay__header__grid___SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}.Overlay__header__item___9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Overlay__header__title___Vuilz{flex:1}.Overlay__header__action___c-A8d{min-width:34px}.Overlay__header__actionButton___yYG24{padding:0;width:34px;height:34px}.Overlay__header__actionIcon___La2ok{width:24px;height:24px}.Overlay__footer___3Ca-G{box-sizing:border-box;flex:0}.Overlay__footer___3Ca-G:after{clear:both}.Overlay__footer___3Ca-G:before,.Overlay__footer___3Ca-G:after{content:"";display:table}.Overlay__enter___OjeZp,.Overlay__exit___HiHMU{pointer-events:auto}.Overlay__enterActive___Ne-Vn,.Overlay__exitActive___6f7f1{pointer-events:none}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz,.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms}.Overlay__enter___OjeZp .Overlay__backdrop___RvRWz{opacity:0}.Overlay__enter___OjeZp .Overlay__popup_placement_top___Llv4b{transform:translateY(-100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_right___4DX3c{transform:translateX(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_bottom___DJyNc{transform:translateY(100%)}.Overlay__enter___OjeZp .Overlay__popup_placement_left___OwkR7{transform:translateX(-100%)}.Overlay__enterActive___Ne-Vn .Overlay__backdrop___RvRWz{opacity:.5}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_top___Llv4b,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_left___OwkR7,.Overlay__enterActive___Ne-Vn .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exit___HiHMU .Overlay__backdrop___RvRWz{opacity:.5}.Overlay__exit___HiHMU .Overlay__popup_placement_top___Llv4b,.Overlay__exit___HiHMU .Overlay__popup_placement_bottom___DJyNc{transform:translateY(0)}.Overlay__exit___HiHMU .Overlay__popup_placement_left___OwkR7,.Overlay__exit___HiHMU .Overlay__popup_placement_right___4DX3c{transform:translateX(0)}.Overlay__exitActive___6f7f1 .Overlay__backdrop___RvRWz{opacity:0}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_top___Llv4b{transform:translateY(calc(-100% - 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_right___4DX3c{transform:translateX(calc(100% + 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_bottom___DJyNc{transform:translateY(calc(100% + 80px))}.Overlay__exitActive___6f7f1 .Overlay__popup_placement_left___OwkR7{transform:translateX(calc(-100% - 80px))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.Llv4b,.DJyNc,._4DX3c,.OwkR7{transform:none;will-change:transform}.Llv4b,.DJyNc{right:0;left:0;max-height:90%}._4DX3c,.OwkR7{top:0;bottom:0;max-width:90%}.Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}._4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.fvbis{width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;transform:translate3d(0,0,0)}._5qQ0k{flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}._5qQ0k:after{clear:both}._5qQ0k:before,._5qQ0k:after{content:"";display:table}.LIk9z{box-sizing:border-box;flex:0}.LIk9z:after{clear:both}.LIk9z:before,.LIk9z:after{content:"";display:table}.SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}._9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Vuilz{flex:1}.c-A8d{min-width:34px}.yYG24{padding:0;width:34px;height:34px}.La2ok{width:24px;height:24px}._3Ca-G{box-sizing:border-box;flex:0}._3Ca-G:after{clear:both}._3Ca-G:before,._3Ca-G:after{content:"";display:table}.OjeZp,.HiHMU{pointer-events:auto}.Ne-Vn,._6f7f1{pointer-events:none}.Ne-Vn .RvRWz,._6f7f1 .RvRWz{transition:opacity
|
|
1
|
+
.v0oYp{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%}.RvRWz{top:0;left:0;right:0;bottom:0;display:flex;z-index:-1;position:fixed;align-items:center;justify-content:center;opacity:.5;background-color:var(--black-400);-webkit-tap-highlight-color:transparent;will-change:opacity}.elIqJ{z-index:1200;position:fixed;background:var(--white);box-sizing:border-box}.Llv4b,.DJyNc,._4DX3c,.OwkR7{transform:none;will-change:transform}.Llv4b,.DJyNc{right:0;left:0;max-height:90%}._4DX3c,.OwkR7{top:0;bottom:0;max-width:90%}.Llv4b{top:0;box-shadow:0 3px 6px 0 rgba(0,0,0,.1);border-radius:0 0 var(--pds-round-3xl) var(--pds-round-3xl)}.DJyNc{bottom:0;box-shadow:0-3px 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl) var(--pds-round-3xl)0 0}._4DX3c{right:0;box-shadow:-3px 0 6px 0 rgba(0,0,0,.1);border-radius:var(--pds-round-3xl)0 0 var(--pds-round-3xl)}.OwkR7{left:0;box-shadow:3px 0 6px 0 rgba(0,0,0,.1);border-radius:0 var(--pds-round-3xl) var(--pds-round-3xl)0}.fvbis{width:100%;height:100%;pointer-events:auto;display:flex;flex-direction:column;transform:translate3d(0,0,0)}._5qQ0k{flex:1;min-width:0;min-height:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}._5qQ0k:after{clear:both}._5qQ0k:before,._5qQ0k:after{content:"";display:table}.LIk9z{box-sizing:border-box;flex:0}.LIk9z:after{clear:both}.LIk9z:before,.LIk9z:after{content:"";display:table}.SShy4{box-sizing:border-box;display:flex;flex-wrap:wrap;min-width:0;align-items:center;min-height:50px;padding:var(--pds-spacing-xs)}._9fUzS{display:block;box-sizing:border-box;min-width:0;max-width:100%}.Vuilz{flex:1}.c-A8d{min-width:34px}.yYG24{padding:0;width:34px;height:34px}.La2ok{width:24px;height:24px}._3Ca-G{box-sizing:border-box;flex:0}._3Ca-G:after{clear:both}._3Ca-G:before,._3Ca-G:after{content:"";display:table}.OjeZp,.HiHMU{pointer-events:auto}.Ne-Vn,._6f7f1{pointer-events:none}.Ne-Vn .RvRWz,._6f7f1 .RvRWz{transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.Ne-Vn .Llv4b,._6f7f1 .Llv4b,.Ne-Vn ._4DX3c,._6f7f1 ._4DX3c,.Ne-Vn .DJyNc,._6f7f1 .DJyNc,.Ne-Vn .OwkR7,._6f7f1 .OwkR7{transition:transform 225ms cubic-bezier(.4,0,.2,1) 0ms}.OjeZp .RvRWz{opacity:0}.OjeZp .Llv4b{transform:translateY(-100%)}.OjeZp ._4DX3c{transform:translateX(100%)}.OjeZp .DJyNc{transform:translateY(100%)}.OjeZp .OwkR7{transform:translateX(-100%)}.Ne-Vn .RvRWz{opacity:.5}.Ne-Vn .Llv4b,.Ne-Vn .DJyNc{transform:translateY(0)}.Ne-Vn .OwkR7,.Ne-Vn ._4DX3c{transform:translateX(0)}.HiHMU .RvRWz{opacity:.5}.HiHMU .Llv4b,.HiHMU .DJyNc{transform:translateY(0)}.HiHMU .OwkR7,.HiHMU ._4DX3c{transform:translateX(0)}._6f7f1 .RvRWz{opacity:0}._6f7f1 .Llv4b{transform:translateY(calc(-100% - 80px))}._6f7f1 ._4DX3c{transform:translateX(calc(100% + 80px))}._6f7f1 .DJyNc{transform:translateY(calc(100% + 80px))}._6f7f1 .OwkR7{transform:translateX(calc(-100% - 80px))}
|
package/Overlay/package.json
CHANGED
package/Picture/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.PortableOverlay__header___seSVI{position
|
|
1
|
+
.PortableOverlay__header___seSVI{position:sticky;top:0;z-index:10;display:flex;height:50px;background:var(--violet-500);justify-content:space-between;align-items:center;padding:0 var(--pds-spacing-s)}.PortableOverlay__content___2dqdx{height:calc(100% - 50px)}.PortableOverlay__content___2dqdx::after{clear:both}.PortableOverlay__content___2dqdx::after,.PortableOverlay__content___2dqdx::before{content:"";display:table}.PortableOverlay__contentGrey___hNlfq{background:var(--black-100)}.PortableOverlay__item___hWWcF{width:40px}.PortableOverlay__itemTitle___Pewzr{flex:1;min-width:1px;overflow:hidden}.PortableOverlay__popupFullScreen___hiqqZ{max-width:100%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.seSVI{position
|
|
1
|
+
.seSVI{position:sticky;top:0;z-index:10;display:flex;height:50px;background:var(--violet-500);justify-content:space-between;align-items:center;padding:0 var(--pds-spacing-s)}._2dqdx{height:calc(100% - 50px)}._2dqdx::after{clear:both}._2dqdx::after,._2dqdx::before{content:"";display:table}.hNlfq{background:var(--black-100)}.hWWcF{width:40px}.Pewzr{flex:1;min-width:1px;overflow:hidden}.hiqqZ{max-width:100%}
|
package/Portal/package.json
CHANGED
package/Rating/package.json
CHANGED
package/SafeQuery/package.json
CHANGED
package/Scroll/package.json
CHANGED
package/SideOverlay/package.json
CHANGED
package/Skeleton/package.json
CHANGED
package/Spinner/package.json
CHANGED
package/Text/package.json
CHANGED
package/TextEmoji/package.json
CHANGED
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var classNames = require('classnames');
|
|
7
|
+
var reactPopperTooltip = require('react-popper-tooltip');
|
|
8
|
+
var reactTransitionGroup = require('react-transition-group');
|
|
9
|
+
var Portal = require('@prom-ui/core/Portal');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
function _interopNamespace(e) {
|
|
14
|
+
if (e && e.__esModule) return e;
|
|
15
|
+
var n = Object.create(null);
|
|
16
|
+
if (e) {
|
|
17
|
+
Object.keys(e).forEach(function (k) {
|
|
18
|
+
if (k !== 'default') {
|
|
19
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
20
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () { return e[k]; }
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
n["default"] = e;
|
|
28
|
+
return Object.freeze(n);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
32
|
+
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
33
|
+
|
|
34
|
+
/******************************************************************************
|
|
35
|
+
Copyright (c) Microsoft Corporation.
|
|
36
|
+
|
|
37
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
38
|
+
purpose with or without fee is hereby granted.
|
|
39
|
+
|
|
40
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
41
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
42
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
43
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
44
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
45
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
46
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
47
|
+
***************************************************************************** */
|
|
48
|
+
|
|
49
|
+
var __assign = function() {
|
|
50
|
+
__assign = Object.assign || function __assign(t) {
|
|
51
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
52
|
+
s = arguments[i];
|
|
53
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
54
|
+
}
|
|
55
|
+
return t;
|
|
56
|
+
};
|
|
57
|
+
return __assign.apply(this, arguments);
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
var css = {"content":"Tooltip__content___M5WYU","arrow":"Tooltip__arrow___sHrj0","animation":"Tooltip__animation___DYqdH","root":"Tooltip__root___Xkx-7","white":"Tooltip__white___6gvS7","black":"Tooltip__black___e8sBo","enter":"Tooltip__enter___amIjy","enterActive":"Tooltip__enterActive___oLDm5","enterDone":"Tooltip__enterDone___aZSAB","exit":"Tooltip__exit___FtdvP","exitActive":"Tooltip__exitActive___Vnj23","exitDone":"Tooltip__exitDone___er4Mu"};
|
|
61
|
+
|
|
62
|
+
var Tooltip = function (_a) {
|
|
63
|
+
var children = _a.children,
|
|
64
|
+
content = _a.content,
|
|
65
|
+
isVisible = _a.isVisible,
|
|
66
|
+
onVisibleChange = _a.onVisibleChange,
|
|
67
|
+
_b = _a.isRenderPortal,
|
|
68
|
+
isRenderPortal = _b === void 0 ? true : _b,
|
|
69
|
+
_c = _a.isCloseOnOutsideClick,
|
|
70
|
+
isCloseOnOutsideClick = _c === void 0 ? true : _c,
|
|
71
|
+
_d = _a.isCloseOnTriggerHidden,
|
|
72
|
+
isCloseOnTriggerHidden = _d === void 0 ? true : _d,
|
|
73
|
+
_e = _a.isDefaultVisible,
|
|
74
|
+
isDefaultVisible = _e === void 0 ? false : _e,
|
|
75
|
+
_f = _a.isFollowCursor,
|
|
76
|
+
isFollowCursor = _f === void 0 ? false : _f,
|
|
77
|
+
_g = _a.isInteractive,
|
|
78
|
+
isInteractive = _g === void 0 ? false : _g,
|
|
79
|
+
_h = _a.isShowArrow,
|
|
80
|
+
isShowArrow = _h === void 0 ? true : _h,
|
|
81
|
+
_j = _a.delayHide,
|
|
82
|
+
delayHide = _j === void 0 ? 0 : _j,
|
|
83
|
+
_k = _a.delayShow,
|
|
84
|
+
delayShow = _k === void 0 ? 0 : _k,
|
|
85
|
+
_l = _a.trigger,
|
|
86
|
+
trigger = _l === void 0 ? 'hover' : _l,
|
|
87
|
+
_m = _a.placement,
|
|
88
|
+
placement = _m === void 0 ? 'auto' : _m,
|
|
89
|
+
_o = _a.theme,
|
|
90
|
+
theme = _o === void 0 ? 'black' : _o,
|
|
91
|
+
_p = _a.offset,
|
|
92
|
+
offset = _p === void 0 ? [0, 12] : _p,
|
|
93
|
+
_q = _a.padding,
|
|
94
|
+
padding = _q === void 0 ? 16 : _q,
|
|
95
|
+
_r = _a.width,
|
|
96
|
+
width = _r === void 0 ? 'auto' : _r,
|
|
97
|
+
_s = _a.zIndex,
|
|
98
|
+
zIndex = _s === void 0 ? 900 : _s;
|
|
99
|
+
|
|
100
|
+
var _t = reactPopperTooltip.usePopperTooltip({
|
|
101
|
+
trigger: trigger,
|
|
102
|
+
placement: placement,
|
|
103
|
+
delayHide: delayHide,
|
|
104
|
+
delayShow: delayShow,
|
|
105
|
+
onVisibleChange: onVisibleChange,
|
|
106
|
+
offset: offset,
|
|
107
|
+
defaultVisible: isDefaultVisible,
|
|
108
|
+
closeOnOutsideClick: isCloseOnOutsideClick,
|
|
109
|
+
closeOnTriggerHidden: isCloseOnTriggerHidden,
|
|
110
|
+
visible: isVisible,
|
|
111
|
+
followCursor: isFollowCursor,
|
|
112
|
+
interactive: isInteractive
|
|
113
|
+
}),
|
|
114
|
+
getArrowProps = _t.getArrowProps,
|
|
115
|
+
getTooltipProps = _t.getTooltipProps,
|
|
116
|
+
setTooltipRef = _t.setTooltipRef,
|
|
117
|
+
setTriggerRef = _t.setTriggerRef,
|
|
118
|
+
visible = _t.visible;
|
|
119
|
+
|
|
120
|
+
return React__namespace.createElement(React__namespace.Fragment, null, React__namespace.cloneElement(children, {
|
|
121
|
+
ref: setTriggerRef
|
|
122
|
+
}), React__namespace.createElement(reactTransitionGroup.CSSTransition, {
|
|
123
|
+
classNames: css,
|
|
124
|
+
timeout: 166,
|
|
125
|
+
in: visible,
|
|
126
|
+
unmountOnExit: true
|
|
127
|
+
}, React__namespace.createElement(Portal.Portal, {
|
|
128
|
+
isActive: isRenderPortal
|
|
129
|
+
}, React__namespace.createElement("div", __assign({
|
|
130
|
+
ref: setTooltipRef
|
|
131
|
+
}, getTooltipProps({
|
|
132
|
+
className: classNames__default["default"](css.root, css[theme]),
|
|
133
|
+
style: {
|
|
134
|
+
width: width,
|
|
135
|
+
zIndex: zIndex
|
|
136
|
+
}
|
|
137
|
+
})), React__namespace.createElement("div", {
|
|
138
|
+
className: classNames__default["default"](css.animation)
|
|
139
|
+
}, isShowArrow && React__namespace.createElement("div", __assign({}, getArrowProps({
|
|
140
|
+
className: css.arrow
|
|
141
|
+
}))), React__namespace.createElement("div", {
|
|
142
|
+
className: css.content,
|
|
143
|
+
style: {
|
|
144
|
+
padding: padding
|
|
145
|
+
}
|
|
146
|
+
}, content))))));
|
|
147
|
+
};
|
|
148
|
+
|
|
149
|
+
exports.Tooltip = Tooltip;
|
|
150
|
+
|
|
151
|
+
require('./style.development.css');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("react-popper-tooltip"),i=require("react-transition-group"),o=require("@prom-ui/core/Portal");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(e),s=n(t),c=function(){return c=Object.assign||function(e){for(var t,r=1,i=arguments.length;r<i;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},c.apply(this,arguments)},d={content:"M5WYU",arrow:"sHrj0",animation:"DYqdH",root:"Xkx-7",white:"_6gvS7",black:"e8sBo",enter:"amIjy",enterActive:"oLDm5",enterDone:"aZSAB",exit:"FtdvP",exitActive:"Vnj23",exitDone:"er4Mu"};exports.Tooltip=function(e){var t=e.children,n=e.content,a=e.isVisible,u=e.onVisibleChange,v=e.isRenderPortal,f=void 0===v||v,p=e.isCloseOnOutsideClick,m=void 0===p||p,g=e.isCloseOnTriggerHidden,b=void 0===g||g,O=e.isDefaultVisible,y=void 0!==O&&O,h=e.isFollowCursor,w=void 0!==h&&h,j=e.isInteractive,P=void 0!==j&&j,E=e.isShowArrow,x=void 0===E||E,C=e.delayHide,T=void 0===C?0:C,q=e.delayShow,S=void 0===q?0:q,k=e.trigger,A=void 0===k?"hover":k,D=e.placement,H=void 0===D?"auto":D,V=e.theme,N=void 0===V?"black":V,_=e.offset,I=void 0===_?[0,12]:_,M=e.padding,z=void 0===M?16:M,F=e.width,R=void 0===F?"auto":F,B=e.zIndex,Y=void 0===B?900:B,L=r.usePopperTooltip({trigger:A,placement:H,delayHide:T,delayShow:S,onVisibleChange:u,offset:I,defaultVisible:y,closeOnOutsideClick:m,closeOnTriggerHidden:b,visible:a,followCursor:w,interactive:P}),U=L.getArrowProps,W=L.getTooltipProps,X=L.setTooltipRef,Z=L.setTriggerRef,G=L.visible;return l.createElement(l.Fragment,null,l.cloneElement(t,{ref:Z}),l.createElement(i.CSSTransition,{classNames:d,timeout:166,in:G,unmountOnExit:!0},l.createElement(o.Portal,{isActive:f},l.createElement("div",c({ref:X},W({className:s.default(d.root,d[N]),style:{width:R,zIndex:Y}})),l.createElement("div",{className:s.default(d.animation)},x&&l.createElement("div",c({},U({className:d.arrow}))),l.createElement("div",{className:d.content,style:{padding:z}},n))))))},require("./style.production.css");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.Tooltip__content___M5WYU{box-sizing:border-box;position:relative;border-radius:inherit}.Tooltip__content___M5WYU:after{clear:both}.Tooltip__content___M5WYU:before,.Tooltip__content___M5WYU:after{content:"";display:table}.Tooltip__arrow___sHrj0{box-sizing:border-box;position:absolute;pointer-events:none;width:24px;height:24px;padding:calc(24px/3)}.Tooltip__arrow___sHrj0:after{content:"";display:block;width:calc(24px/3);height:calc(24px/3);border:var(--border)}.Tooltip__animation___DYqdH{position:relative;border-radius:inherit;transition:opacity 166ms cubic-bezier(.4,0,.2,1) 0ms,transform 133ms cubic-bezier(.4,0,.2,1) 0ms;will-change:transform,opacity;opacity:1;transform:scale(1)}.Tooltip__root___Xkx-7{border-radius:var(--pds-round-m)}.Tooltip__root___Xkx-7[data-popper-placement=top] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=top-start] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=top-end] .Tooltip__animation___DYqdH{transform-origin:center bottom}.Tooltip__root___Xkx-7[data-popper-placement=top] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=top-start] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=top-end] .Tooltip__arrow___sHrj0{bottom:calc(24px/2*-1)}.Tooltip__root___Xkx-7[data-popper-placement=top] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=top-start] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=top-end] .Tooltip__arrow___sHrj0:after{transform:scaleY(2) rotate(45deg);border-bottom-right-radius:var(--pds-round-xs)}.Tooltip__root___Xkx-7[data-popper-placement=bottom] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=bottom-start] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=bottom-end] .Tooltip__animation___DYqdH{transform-origin:center top}.Tooltip__root___Xkx-7[data-popper-placement=bottom] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=bottom-start] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=bottom-end] .Tooltip__arrow___sHrj0{top:calc(24px/2*-1)}.Tooltip__root___Xkx-7[data-popper-placement=bottom] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=bottom-start] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=bottom-end] .Tooltip__arrow___sHrj0:after{transform:scaleY(2) rotate(45deg);border-top-left-radius:var(--pds-round-xs)}.Tooltip__root___Xkx-7[data-popper-placement=right] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=right-start] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=right-end] .Tooltip__animation___DYqdH{transform-origin:center left}.Tooltip__root___Xkx-7[data-popper-placement=right] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=right-start] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=right-end] .Tooltip__arrow___sHrj0{left:calc(24px/2*-1)}.Tooltip__root___Xkx-7[data-popper-placement=right] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=right-start] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=right-end] .Tooltip__arrow___sHrj0:after{transform:scaleX(2) rotate(45deg);border-bottom-left-radius:var(--pds-round-xs)}.Tooltip__root___Xkx-7[data-popper-placement=left] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=left-start] .Tooltip__animation___DYqdH,.Tooltip__root___Xkx-7[data-popper-placement=left-end] .Tooltip__animation___DYqdH{transform-origin:center right}.Tooltip__root___Xkx-7[data-popper-placement=left] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=left-start] .Tooltip__arrow___sHrj0,.Tooltip__root___Xkx-7[data-popper-placement=left-end] .Tooltip__arrow___sHrj0{right:calc(24px/2*-1)}.Tooltip__root___Xkx-7[data-popper-placement=left] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=left-start] .Tooltip__arrow___sHrj0:after,.Tooltip__root___Xkx-7[data-popper-placement=left-end] .Tooltip__arrow___sHrj0:after{transform:scaleX(2) rotate(45deg);border-top-right-radius:var(--pds-round-xs)}.Tooltip__white___6gvS7 .Tooltip__animation___DYqdH{box-shadow:0 0 10px rgba(147,148,156,.3)}.Tooltip__white___6gvS7 .Tooltip__content___M5WYU{color:var(--black-900);background:var(--white)}.Tooltip__white___6gvS7 .Tooltip__arrow___sHrj0:after{background:var(--white);box-shadow:0 0 10px rgba(147,148,156,.3)}.Tooltip__black___e8sBo .Tooltip__content___M5WYU{color:var(--white);background:var(--black-900)}.Tooltip__black___e8sBo .Tooltip__arrow___sHrj0:after{background:var(--black-900)}.Tooltip__enter___amIjy .Tooltip__animation___DYqdH{opacity:0;transform:scale(.94)}.Tooltip__enterActive___oLDm5 .Tooltip__animation___DYqdH,.Tooltip__enterDone___aZSAB .Tooltip__animation___DYqdH{opacity:1;transform:scale(1)}.Tooltip__exit___FtdvP .Tooltip__animation___DYqdH{opacity:1;transform:scale(1)}.Tooltip__exitActive___Vnj23 .Tooltip__animation___DYqdH,.Tooltip__exitDone___er4Mu .Tooltip__animation___DYqdH{opacity:0;transform:scale(.94)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.M5WYU{box-sizing:border-box;position:relative;border-radius:inherit}.M5WYU:after{clear:both}.M5WYU:before,.M5WYU:after{content:"";display:table}.sHrj0{box-sizing:border-box;position:absolute;pointer-events:none;width:24px;height:24px;padding:calc(24px/3)}.sHrj0:after{content:"";display:block;width:calc(24px/3);height:calc(24px/3);border:var(--border)}.DYqdH{position:relative;border-radius:inherit;transition:opacity 166ms cubic-bezier(.4,0,.2,1) 0ms,transform 133ms cubic-bezier(.4,0,.2,1) 0ms;will-change:transform,opacity;opacity:1;transform:scale(1)}.Xkx-7{border-radius:var(--pds-round-m)}.Xkx-7[data-popper-placement=top] .DYqdH,.Xkx-7[data-popper-placement=top-start] .DYqdH,.Xkx-7[data-popper-placement=top-end] .DYqdH{transform-origin:center bottom}.Xkx-7[data-popper-placement=top] .sHrj0,.Xkx-7[data-popper-placement=top-start] .sHrj0,.Xkx-7[data-popper-placement=top-end] .sHrj0{bottom:calc(24px/2*-1)}.Xkx-7[data-popper-placement=top] .sHrj0:after,.Xkx-7[data-popper-placement=top-start] .sHrj0:after,.Xkx-7[data-popper-placement=top-end] .sHrj0:after{transform:scaleY(2) rotate(45deg);border-bottom-right-radius:var(--pds-round-xs)}.Xkx-7[data-popper-placement=bottom] .DYqdH,.Xkx-7[data-popper-placement=bottom-start] .DYqdH,.Xkx-7[data-popper-placement=bottom-end] .DYqdH{transform-origin:center top}.Xkx-7[data-popper-placement=bottom] .sHrj0,.Xkx-7[data-popper-placement=bottom-start] .sHrj0,.Xkx-7[data-popper-placement=bottom-end] .sHrj0{top:calc(24px/2*-1)}.Xkx-7[data-popper-placement=bottom] .sHrj0:after,.Xkx-7[data-popper-placement=bottom-start] .sHrj0:after,.Xkx-7[data-popper-placement=bottom-end] .sHrj0:after{transform:scaleY(2) rotate(45deg);border-top-left-radius:var(--pds-round-xs)}.Xkx-7[data-popper-placement=right] .DYqdH,.Xkx-7[data-popper-placement=right-start] .DYqdH,.Xkx-7[data-popper-placement=right-end] .DYqdH{transform-origin:center left}.Xkx-7[data-popper-placement=right] .sHrj0,.Xkx-7[data-popper-placement=right-start] .sHrj0,.Xkx-7[data-popper-placement=right-end] .sHrj0{left:calc(24px/2*-1)}.Xkx-7[data-popper-placement=right] .sHrj0:after,.Xkx-7[data-popper-placement=right-start] .sHrj0:after,.Xkx-7[data-popper-placement=right-end] .sHrj0:after{transform:scaleX(2) rotate(45deg);border-bottom-left-radius:var(--pds-round-xs)}.Xkx-7[data-popper-placement=left] .DYqdH,.Xkx-7[data-popper-placement=left-start] .DYqdH,.Xkx-7[data-popper-placement=left-end] .DYqdH{transform-origin:center right}.Xkx-7[data-popper-placement=left] .sHrj0,.Xkx-7[data-popper-placement=left-start] .sHrj0,.Xkx-7[data-popper-placement=left-end] .sHrj0{right:calc(24px/2*-1)}.Xkx-7[data-popper-placement=left] .sHrj0:after,.Xkx-7[data-popper-placement=left-start] .sHrj0:after,.Xkx-7[data-popper-placement=left-end] .sHrj0:after{transform:scaleX(2) rotate(45deg);border-top-right-radius:var(--pds-round-xs)}._6gvS7 .DYqdH{box-shadow:0 0 10px rgba(147,148,156,.3)}._6gvS7 .M5WYU{color:var(--black-900);background:var(--white)}._6gvS7 .sHrj0:after{background:var(--white);box-shadow:0 0 10px rgba(147,148,156,.3)}.e8sBo .M5WYU{color:var(--white);background:var(--black-900)}.e8sBo .sHrj0:after{background:var(--black-900)}.amIjy .DYqdH{opacity:0;transform:scale(.94)}.oLDm5 .DYqdH,.aZSAB .DYqdH{opacity:1;transform:scale(1)}.FtdvP .DYqdH{opacity:1;transform:scale(1)}.Vnj23 .DYqdH,.er4Mu .DYqdH{opacity:0;transform:scale(.94)}
|