profinansy-ui-lib 3.6.4 → 3.6.5
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/uikit/Bubbles/Bubbles.typed.d.ts +2 -0
- package/dist/components/uikit/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/uikit/FilterButton/Drop/Drop.d.ts +1 -1
- package/dist/components/uikit/Hint/Hint.d.ts +1 -1
- package/dist/components/uikit/Popup/Popup.d.ts +1 -1
- package/dist/components/uikit/Tooltip/Tooltip.d.ts +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -13,6 +13,8 @@ export type TBubbleOption = {
|
|
|
13
13
|
iconRight?: ReactNode;
|
|
14
14
|
/** Событие MouseEnter баббла **/
|
|
15
15
|
onMouseEnter?: () => void;
|
|
16
|
+
/** TRUE - bubble скрыт. FALSE - показан */
|
|
17
|
+
hidden?: boolean;
|
|
16
18
|
};
|
|
17
19
|
export type TModeBubbles = 'support' | 'base';
|
|
18
20
|
export type TScrollBubbles = 'base' | 'content' | 'none';
|
|
@@ -25,9 +25,9 @@ export declare function useDrop({ placement, onOpenList }: {
|
|
|
25
25
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
26
26
|
context: {
|
|
27
27
|
placement: Placement;
|
|
28
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
29
28
|
x: number;
|
|
30
29
|
y: number;
|
|
30
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
31
31
|
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
32
32
|
isPositioned: boolean;
|
|
33
33
|
update: () => void;
|
|
@@ -24,9 +24,9 @@ export declare function useDrop({ placement }: {
|
|
|
24
24
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
25
25
|
context: {
|
|
26
26
|
placement: Placement;
|
|
27
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
28
27
|
x: number;
|
|
29
28
|
y: number;
|
|
29
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
30
30
|
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
31
31
|
isPositioned: boolean;
|
|
32
32
|
update: () => void;
|
|
@@ -26,9 +26,9 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
|
|
|
26
26
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
27
27
|
context: {
|
|
28
28
|
placement: Placement;
|
|
29
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
30
29
|
x: number;
|
|
31
30
|
y: number;
|
|
31
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
32
32
|
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
33
33
|
isPositioned: boolean;
|
|
34
34
|
update: () => void;
|
|
@@ -29,9 +29,9 @@ export declare function usePopup({ placement, isHover }: {
|
|
|
29
29
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
30
30
|
context: {
|
|
31
31
|
placement: Placement;
|
|
32
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
33
32
|
x: number;
|
|
34
33
|
y: number;
|
|
34
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
35
35
|
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
36
36
|
isPositioned: boolean;
|
|
37
37
|
update: () => void;
|
|
@@ -26,9 +26,9 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
|
|
|
26
26
|
} & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
|
|
27
27
|
context: {
|
|
28
28
|
placement: Placement;
|
|
29
|
-
strategy: import("@floating-ui/utils").Strategy;
|
|
30
29
|
x: number;
|
|
31
30
|
y: number;
|
|
31
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
32
32
|
middlewareData: import("@floating-ui/react").MiddlewareData;
|
|
33
33
|
isPositioned: boolean;
|
|
34
34
|
update: () => void;
|
package/dist/index.js
CHANGED
|
@@ -3208,7 +3208,7 @@
|
|
|
3208
3208
|
margin-left: 4px;
|
|
3209
3209
|
color: ${e=>(0,s.getMode)(e.theme,e.isActive)[e.mode].default.tagColor};
|
|
3210
3210
|
background: ${e=>(0,s.getMode)(e.theme,e.isActive)[e.mode].default.tagBackground};
|
|
3211
|
-
`},26047:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Bubbles=void 0;const a=r(n(8156)),i=n(91197),o=n(41899),u=n(11608),s=n(41189),l=n(41282);t.Bubbles=e=>{const{scroll:t="base"}=e,{mode:n}=(0,i.useMode)();return"none"===t?a.default.createElement(u.ThemeProvider,{theme:o.palette[n]},a.default.createElement(s.Content,Object.assign({},e))):a.default.createElement(l.WithScroll,Object.assign({},e))}},41189:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Content=void 0;const o=i(n(8156)),u=i(n(78444)),s=n(65492),l=n(40140),c=(0,o.forwardRef)((({mobileIndent:e=16,options:t,selectedValue:n,onChange:r,mode:a="base",style:i,isDataCountTop:c=!1,scroll:d="base",multi:f=!1,tabClass:m},p)=>{const h=e=>f?n.includes(e.value):n===e.value;return o.default.createElement(u.Container,{mode:a,style:i,ref:p,scroll:d,mobileIndent:e},t.map(((e,t)=>o.default.createElement(u.Button,{className:m,mode:a,key:t,isIconLeft:!!e.iconLeft,isIconRight:!!e.iconRight,onClick:a=>((e,t,a)=>{if(f){const a=n.includes(e)?n.filter((t=>t!==e)):[...n,e];r(a,t)}else e!==n&&r(e,t);"none"!==d&&(e=>{if(p.current&&p.current.children[e])if(window.innerWidth>l.TABLET_WIDTH){const t=p.current.children[e],n=p.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>-48?p.current.scrollTo({left:p.current.scrollLeft+a+60,behavior:"smooth"}):i<48&&p.current.scrollTo({left:p.current.scrollLeft+i-60,behavior:"smooth"})}else p.current.children[e].scrollIntoView({behavior:"smooth",block:"nearest"})})(a)})(e.value,a,t),isActive:h(e),onMouseEnter:()=>{var t;return null===(t=e.onMouseEnter)||void 0===t?void 0:t.call(e)}},e.iconLeft?o.default.createElement(u.IconLeft,null,e.iconLeft):null,o.default.createElement(s.Typography,{tag:"span",variant:"description-Medium"},e.label),e.iconRight?o.default.createElement(u.IconRight,null,e.iconRight):null,void 0!==e.dataCount&&o.default.createElement(o.default.Fragment,null,c?o.default.createElement(u.Counts,null,e.dataCount):o.default.createElement(u.Tags,{isActive:h(e),mode:a},o.default.createElement(s.Typography,{tag:"span",variant:"tag-Medium9"}," ",e.dataCount)))))))}));t.Content=c},41282:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.WithScroll=void 0;const u=i(n(8156)),s=n(41899),l=i(n(78444)),c=n(21489),d=n(41189),f=n(11608),m=n(91197),p=o(n(3173)),h=n(94884),g=n(41230);t.WithScroll=e=>{const{scroll:t="base"}=e,n=(0,u.useRef)(null),[r,a]=(0,u.useState)(!1),[i,o]=(0,u.useState)(!1);(0,u.useEffect)((()=>{let e;const t=()=>{if(n.current){const{scrollLeft:e,scrollWidth:t,clientWidth:r}=n.current;a(e>0),o(e+2+r<t)}},r=()=>{e=setTimeout((()=>{t()}),400)};r();const i=p.default.subscribe(h.BusEvent.SideMenuOpen,r);return n.current&&(n.current.addEventListener("scroll",t),window.addEventListener("resize",(0,g.debounce)(t,200))),()=>{clearTimeout(e),i(),n.current&&(n.current.removeEventListener("scroll",t),window.removeEventListener("resize",t))}}),[]);const v=e=>{n.current&&n.current.scrollTo({left:n.current.scrollLeft+(e?-400:400),behavior:"smooth"})},{mode:b}=(0,m.useMode)();return u.default.createElement(f.ThemeProvider,{theme:s.palette[b]},u.default.createElement(l.Wrapper,null,r&&u.default.createElement(u.default.Fragment,null,u.default.createElement(l.Mute,{isLeft:!0,scroll:t}),u.default.createElement(l.LeftButton,{onClick:()=>v(!0),direction:"left"})),u.default.createElement(c.DragScroll,null,u.default.createElement(d.Content,Object.assign({ref:n},e))),i&&u.default.createElement(u.default.Fragment,null,u.default.createElement(l.Mute,{scroll:t}),u.default.createElement(l.RightButton,{onClick:()=>v(!1)}))))}},3144:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Bubbles=void 0;var r=n(26047);Object.defineProperty(t,"Bubbles",{enumerable:!0,get:function(){return r.Bubbles}})},85465:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.getSize=void 0,t.getSize=(e,t)=>"flatSystem"===e||"flatBrand"===e?{height:"auto",maxHeight:"auto",borderRadius:"0px"}:{M:{height:"44px",maxHeight:"44px",borderRadius:"square"===t?"10px":"56px"},S:{height:"36px",maxHeight:"36px",borderRadius:"square"===t?"8px":"56px"},XS:{height:"26px",maxHeight:"26px",borderRadius:"square"===t?"6px":"56px"}},t.getMode=e=>({primary:{default:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`},hover:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackgroundHover,border:`1px solid ${e.interactiveButtons.brandBackgroundHover}`},active:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`}},secondary:{default:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`},hover:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.secondaryBrandBackgroundHover}`},active:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`}},outlineBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`},hover:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.outlineBrandBorderHover}`},active:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`}},success:{default:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`},hover:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackgroundHover,border:`1px solid ${e.interactiveButtons.successBackgroundHover}`},active:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`}},warning:{default:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`},hover:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackgroundHover,border:`1px solid ${e.interactiveButtons.warningBackgroundHover}`},active:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`}},critical:{default:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`},hover:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackgroundHover,border:`1px solid ${e.interactiveButtons.criticalBackgroundHover}`},active:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`}},system:{default:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`},hover:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackgroundHover,border:`1px solid ${e.interactiveButtons.systemBackgroundHover}`},active:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`}},neutral:{default:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"},hover:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackgroundHover,border:"1px solid transparent"},active:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"}},flatBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"}},flatSystem:{default:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"}},clubPrimary:{default:{color:e.interactiveButtons.brandText,background:e.club.primary,border:`1px solid ${e.club.primary}`},hover:{color:e.interactiveButtons.brandText,background:e.club.primaryHover,border:`1px solid ${e.club.primaryHover}`},active:{color:e.interactiveButtons.brandText,background:"#2B2979",border:"1px solid #2B2979"}},clubSecondary:{default:{color:e.club.primary,background:e.club.buttonBackground,border:`1px solid ${e.club.buttonBackground}`},hover:{color:e.text.contrastThemed,background:e.club.primary,border:`1px solid ${e.club.primary}`},active:{color:e.text.contrastThemed,background:e.club.primaryHover,border:`1px solid ${e.club.primaryHover}`}},clubFlatBrand:{default:{color:e.club.primary,background:"transparent",border:"1px solid transparent"},hover:{color:e.club.primaryHover,background:"transparent",border:"1px solid transparent"},active:{color:"#2B2979",background:"transparent",border:"1px solid transparent"}}})},98228:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Button=t.IconLeft=t.IconRight=t.Loading=void 0;const o=i(n(11608)),u=n(85465),s=n(64542),l=(e,t,n)=>"flatBrand"===e||"flatSystem"===e||"clubFlatBrand"===e?0:"M"===t?n?20:12:"S"===t?n?16:8:n?12:4,c=o.default.button`
|
|
3211
|
+
`},26047:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Bubbles=void 0;const a=r(n(8156)),i=n(91197),o=n(41899),u=n(11608),s=n(41189),l=n(41282);t.Bubbles=e=>{const{scroll:t="base"}=e,{mode:n}=(0,i.useMode)();return"none"===t?a.default.createElement(u.ThemeProvider,{theme:o.palette[n]},a.default.createElement(s.Content,Object.assign({},e))):a.default.createElement(l.WithScroll,Object.assign({},e))}},41189:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Content=void 0;const o=i(n(8156)),u=i(n(78444)),s=n(65492),l=n(40140),c=(0,o.forwardRef)((({mobileIndent:e=16,options:t,selectedValue:n,onChange:r,mode:a="base",style:i,isDataCountTop:c=!1,scroll:d="base",multi:f=!1,tabClass:m},p)=>{const h=e=>f?n.includes(e.value):n===e.value,g=(0,o.useMemo)((()=>t.filter((e=>!e.hidden))),[t]);return o.default.createElement(u.Container,{mode:a,style:i,ref:p,scroll:d,mobileIndent:e},g.map(((e,t)=>o.default.createElement(u.Button,{className:m,mode:a,key:t,isIconLeft:!!e.iconLeft,isIconRight:!!e.iconRight,onClick:a=>((e,t,a)=>{if(f){const a=n.includes(e)?n.filter((t=>t!==e)):[...n,e];r(a,t)}else e!==n&&r(e,t);"none"!==d&&(e=>{if(p.current&&p.current.children[e])if(window.innerWidth>l.TABLET_WIDTH){const t=p.current.children[e],n=p.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>-48?p.current.scrollTo({left:p.current.scrollLeft+a+60,behavior:"smooth"}):i<48&&p.current.scrollTo({left:p.current.scrollLeft+i-60,behavior:"smooth"})}else p.current.children[e].scrollIntoView({behavior:"smooth",block:"nearest"})})(a)})(e.value,a,t),isActive:h(e),onMouseEnter:()=>{var t;return null===(t=e.onMouseEnter)||void 0===t?void 0:t.call(e)}},e.iconLeft?o.default.createElement(u.IconLeft,null,e.iconLeft):null,o.default.createElement(s.Typography,{tag:"span",variant:"description-Medium"},e.label),e.iconRight?o.default.createElement(u.IconRight,null,e.iconRight):null,void 0!==e.dataCount&&o.default.createElement(o.default.Fragment,null,c?o.default.createElement(u.Counts,null,e.dataCount):o.default.createElement(u.Tags,{isActive:h(e),mode:a},o.default.createElement(s.Typography,{tag:"span",variant:"tag-Medium9"}," ",e.dataCount)))))))}));t.Content=c},41282:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.WithScroll=void 0;const u=i(n(8156)),s=n(41899),l=i(n(78444)),c=n(21489),d=n(41189),f=n(11608),m=n(91197),p=o(n(3173)),h=n(94884),g=n(41230);t.WithScroll=e=>{const{scroll:t="base"}=e,n=(0,u.useRef)(null),[r,a]=(0,u.useState)(!1),[i,o]=(0,u.useState)(!1);(0,u.useEffect)((()=>{let e;const t=()=>{if(n.current){const{scrollLeft:e,scrollWidth:t,clientWidth:r}=n.current;a(e>0),o(e+2+r<t)}},r=()=>{e=setTimeout((()=>{t()}),400)};r();const i=p.default.subscribe(h.BusEvent.SideMenuOpen,r);return n.current&&(n.current.addEventListener("scroll",t),window.addEventListener("resize",(0,g.debounce)(t,200))),()=>{clearTimeout(e),i(),n.current&&(n.current.removeEventListener("scroll",t),window.removeEventListener("resize",t))}}),[]);const v=e=>{n.current&&n.current.scrollTo({left:n.current.scrollLeft+(e?-400:400),behavior:"smooth"})},{mode:b}=(0,m.useMode)();return u.default.createElement(f.ThemeProvider,{theme:s.palette[b]},u.default.createElement(l.Wrapper,null,r&&u.default.createElement(u.default.Fragment,null,u.default.createElement(l.Mute,{isLeft:!0,scroll:t}),u.default.createElement(l.LeftButton,{onClick:()=>v(!0),direction:"left"})),u.default.createElement(c.DragScroll,null,u.default.createElement(d.Content,Object.assign({ref:n},e))),i&&u.default.createElement(u.default.Fragment,null,u.default.createElement(l.Mute,{scroll:t}),u.default.createElement(l.RightButton,{onClick:()=>v(!1)}))))}},3144:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Bubbles=void 0;var r=n(26047);Object.defineProperty(t,"Bubbles",{enumerable:!0,get:function(){return r.Bubbles}})},85465:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.getSize=void 0,t.getSize=(e,t)=>"flatSystem"===e||"flatBrand"===e?{height:"auto",maxHeight:"auto",borderRadius:"0px"}:{M:{height:"44px",maxHeight:"44px",borderRadius:"square"===t?"10px":"56px"},S:{height:"36px",maxHeight:"36px",borderRadius:"square"===t?"8px":"56px"},XS:{height:"26px",maxHeight:"26px",borderRadius:"square"===t?"6px":"56px"}},t.getMode=e=>({primary:{default:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`},hover:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackgroundHover,border:`1px solid ${e.interactiveButtons.brandBackgroundHover}`},active:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`}},secondary:{default:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`},hover:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.secondaryBrandBackgroundHover}`},active:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`}},outlineBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`},hover:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.outlineBrandBorderHover}`},active:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`}},success:{default:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`},hover:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackgroundHover,border:`1px solid ${e.interactiveButtons.successBackgroundHover}`},active:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`}},warning:{default:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`},hover:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackgroundHover,border:`1px solid ${e.interactiveButtons.warningBackgroundHover}`},active:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`}},critical:{default:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`},hover:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackgroundHover,border:`1px solid ${e.interactiveButtons.criticalBackgroundHover}`},active:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`}},system:{default:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`},hover:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackgroundHover,border:`1px solid ${e.interactiveButtons.systemBackgroundHover}`},active:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`}},neutral:{default:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"},hover:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackgroundHover,border:"1px solid transparent"},active:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"}},flatBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"}},flatSystem:{default:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"}},clubPrimary:{default:{color:e.interactiveButtons.brandText,background:e.club.primary,border:`1px solid ${e.club.primary}`},hover:{color:e.interactiveButtons.brandText,background:e.club.primaryHover,border:`1px solid ${e.club.primaryHover}`},active:{color:e.interactiveButtons.brandText,background:"#2B2979",border:"1px solid #2B2979"}},clubSecondary:{default:{color:e.club.primary,background:e.club.buttonBackground,border:`1px solid ${e.club.buttonBackground}`},hover:{color:e.text.contrastThemed,background:e.club.primary,border:`1px solid ${e.club.primary}`},active:{color:e.text.contrastThemed,background:e.club.primaryHover,border:`1px solid ${e.club.primaryHover}`}},clubFlatBrand:{default:{color:e.club.primary,background:"transparent",border:"1px solid transparent"},hover:{color:e.club.primaryHover,background:"transparent",border:"1px solid transparent"},active:{color:"#2B2979",background:"transparent",border:"1px solid transparent"}}})},98228:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Button=t.IconLeft=t.IconRight=t.Loading=void 0;const o=i(n(11608)),u=n(85465),s=n(64542),l=(e,t,n)=>"flatBrand"===e||"flatSystem"===e||"clubFlatBrand"===e?0:"M"===t?n?20:12:"S"===t?n?16:8:n?12:4,c=o.default.button`
|
|
3212
3212
|
position: relative;
|
|
3213
3213
|
font-family: 'Manrope', sans-serif;
|
|
3214
3214
|
display: flex;
|