1;!function(){try { var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof global?global:"undefined"!=typeof window?window:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&((e._debugIds|| (e._debugIds={}))[n]="046cea67-adbf-8481-a447-5e4eacf7f444")}catch(e){}}(); 2(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,741705,(e,t,o)=>{"use strict";o._=function(e){return e&&e.__esModule?e:{default:e}}},952456,(e,t,o)=>{"use strict";function r(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,o=new WeakMap;return(r=function(e){return e?o:t})(e)}o._=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var o=r(t);if(o&&o.has(e))return o.get(e);var a={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=n?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,o&&o.set(e,a),a}},648684,e=>{"use strict";let t=e=>"boolean"==typeof e?"".concat(e):0===e?"0":e,o=function(){for(var e=arguments.length,t=Array(e),o=0;o<e;o++)t[o]=arguments[o];return t.flat(1/0).filter(Boolean).join(" ")};e.s(["cva",0,(e,r)=>a=>{var n;if((null==r?void 0:r.variants)==null)return o(e,null==a?void 0:a.class,null==a?void 0:a.className);let{variants:i,defaultVariants:l}=r,c=Object.keys(i).map(e=>{let o=null==a?void 0:a[e],r=null==l?void 0:l[e];if(null===o)return null;let n=t(o)||t(r);return i[e][n]}),d=a&&Object.entries(a).reduce((e,t)=>{let[o,r]=t;return void 0===r||(e[o]=r),e},{});return o(e,c,null==r||null==(n=r.compoundVariants)?void 0:n.reduce((e,t)=>{let{class:o,className:r,...a}=t;return Object.entries(a).every(e=>{let[t,o]=e;return Array.isArray(o)?o.includes({...l,...d}[t]):({...l,...d})[t]===o})?[...e,o,r]:e},[]),null==a?void 0:a.class,null==a?void 0:a.className)},"cx",0,o])},920955,(e,t,o)=>{var r={156:function(e){var t,o,r,a=e.exports={};function n(){throw Error("setTimeout has not been defined")}function i(){throw Error("clearTimeout has not been defined")}try{t="function"==typeof setTimeout?setTimeout:n}catch(e){t=n}try{o="function"==typeof clearTimeout?clearTimeout:i}catch(e){o=i}function l(e){if(t===setTimeout)return setTimeout(e,0);if((t===n||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(o){try{return t.call(null,e,0)}catch(o){return t.call(this,e,0)}}}var c=[],d=!1,u=-1;function s(){d&&r&&(d=!1,r.length?c=r.concat(c):u=-1,c.length&&m())}function m(){if(!d){var e=l(s);d=!0;for(var t=c.length;t;){for(r=c,c=[];++u<t;)r&&r[u].run();u=-1,t=c.length}r=null,d=!1,function(e){if(o===clearTimeout)return clearTimeout(e);if((o===i||!o)&&clearTimeout)return o=clearTimeout,clearTimeout(e);try{o(e)}catch(t){try{return o.call(null,e)}catch(t){return o.call(this,e)}}}(e)}}function p(e,t){this.fun=e,this.array=t}function h(){}a.nextTick=function(e){var t=Array(arguments.length-1);if(arguments.length>1)for(var o=1;o<arguments.length;o++)t[o-1]=arguments[o];c.push(new p(e,t)),1!==c.length||d||l(m)},p.prototype.run=function(){this.fun.apply(null,this.array)},a.title="browser",a.browser=!0,a.env={},a.argv=[],a.version="",a.versions={},a.on=h,a.addListener=h,a.once=h,a.off=h,a.removeListener=h,a.removeAllListeners=h,a.emit=h,a.prependListener=h,a.prependOnceListener=h,a.listeners=function(e){return[]},a.binding=function(e){throw Error("process.binding is not supported")},a.cwd=function(){return"/"},a.chdir=function(e){throw Error("process.chdir is not supported")},a.umask=function(){return 0}}},a={};function n(e){var t=a[e];if(void 0!==t)return t.exports;var o=a[e]={exports:{}},i=!0;try{r[e](o,o.exports,n),i=!1}finally{i&&delete a[e]}return o.exports}n.ab="/ROOT/node_modules/next/dist/compiled/process/",t.exports=n(156)},350461,(e,t,o)=>{"use strict";var r,a;t.exports=(null==(r=e.g.process)?void 0:r.env)&&"object"==typeof(null==(a=e.g.process)?void 0:a.env)?e.g.process:e.r(920955)},713584,(e,t,o)=>{"use strict";Object.defineProperty(o,"__esModule",{value:!0}),Object.defineProperty(o,"HeadManagerContext",{enumerable:!0,get:function(){return r}});let r=e.r(741705)._(e.r(191788)).default.createContext({})},708481,(e,t,o)=>{"use strict";var r=Symbol.for("react.transitional.element");function a(e,t,o){var a=null;if(void 0!==o&&(a=""+o),void 0!==t.key&&(a=""+t.key),"key"in t)for(var n in o={},t)"key"!==n&&(o[n]=t[n]);else o=t;return{$$typeof:r,type:e,key:a,ref:void 0!==(t=o.ref)?t:null,props:o}}o.Fragment=Symbol.for("react.fragment"),o.jsx=a,o.jsxs=a},391398,(e,t,o)=>{"use strict";
2t.exports=e.r(708481)},361556,(e,t,o)=>{"use strict";var r=e.i(350461),a=Symbol.for("react.transitional.element"),n=Symbol.for("react.portal"),i=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),c=Symbol.for("react.profiler"),d=Symbol.for("react.consumer"),u=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),p=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),g=Symbol.for("react.activity"),b=Symbol.iterator,f={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},$=Object.assign,T={};function x(e,t,o){this.props=e,this.context=t,this.refs=T,this.updater=o||f}function v(){}function y(e,t,o){this.props=e,this.context=t,this.refs=T,this.updater=o||f}x.prototype.isReactComponent={},x.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},x.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=x.prototype;var N=y.prototype=new v;N.constructor=y,$(N,x.prototype),N.isPureReactComponent=!0;var _=Array.isArray;function k(){}var S={H:null,A:null,T:null,S:null},w=Object.prototype.hasOwnProperty;function C(e,t,o){var r=o.ref;return{$$typeof:a,type:e,key:t,ref:void 0!==r?r:null,props:o}}function I(e){return"object"==typeof e&&null!==e&&e.$$typeof===a}var E=/\/+/g;function D(e,t){var o,r;return"object"==typeof e&&null!==e&&null!=e.key?(o=""+e.key,r={"=":"=0",":":"=2"},"$"+o.replace(/[=:]/g,function(e){return r[e]})):t.toString(36)}function O(e,t,o){if(null==e)return e;var r=[],i=0;return!function e(t,o,r,i,l){var c,d,u,s=typeof t;("undefined"===s||"boolean"===s)&&(t=null);var m=!1;if(null===t)m=!0;else switch(s){case"bigint":case"string":case"number":m=!0;break;case"object":switch(t.$$typeof){case a:case n:m=!0;break;case h:return e((m=t._init)(t._payload),o,r,i,l)}}if(m)return l=l(t),m=""===i?"."+D(t,0):i,_(l)?(r="",null!=m&&(r=m.replace(E,"$&/")+"/"),e(l,o,r,"",function(e){return e})):null!=l&&(I(l)&&(c=l,d=r+(null==l.key||t&&t.key===l.key?"":(""+l.key).replace(E,"$&/")+"/")+m,l=C(c.type,d,c.props)),o.push(l)),1;m=0;var p=""===i?".":i+":";if(_(t))for(var g=0;g<t.length;g++)s=p+D(i=t[g],g),m+=e(i,o,r,s,l);else if("function"==typeof(g=null===(u=t)||"object"!=typeof u?null:"function"==typeof(u=b&&u[b]||u["@@iterator"])?u:null))for(t=g.call(t),g=0;!(i=t.next()).done;)s=p+D(i=i.value,g++),m+=e(i,o,r,s,l);else if("object"===s){if("function"==typeof t.then)return e(function(e){switch(e.status){case"fulfilled":return e.value;case"rejected":throw e.reason;default:switch("string"==typeof e.status?e.then(k,k):(e.status="pending",e.then(function(t){"pending"===e.status&&(e.status="fulfilled",e.value=t)},function(t){"pending"===e.status&&(e.status="rejected",e.reason=t)})),e.status){case"fulfilled":return e.value;case"rejected":throw e.reason}}throw e}(t),o,r,i,l);throw Error("Objects are not valid as a React child (found: "+("[object Object]"===(o=String(t))?"object with keys {"+Object.keys(t).join(", ")+"}":o)+"). If you meant to render a collection of children, use an array instead.")}return m}(e,r,"","",function(e){return t.call(o,e,i++)}),r}function B(e){if(-1===e._status){var t=e._result;(t=t()).then(function(t){(0===e._status||-1===e._status)&&(e._status=1,e._result=t)},function(t){(0===e._status||-1===e._status)&&(e._status=2,e._result=t)}),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var P="function"==typeof reportError?reportError:function(e){if("object"==typeof window&&"function"==typeof window.ErrorEvent){var t=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:"object"==typeof e&&null!==e&&"string"==typeof e.message?String(e.message):String(e),error:e});if(!window.dispatchEvent(t))return}else if("object"==typeof r.default&&"function"==typeof r.default.emit)return void r.default.emit("uncaughtException",e);console.error(e)};o.Activity=g,o.Children={map:O,forEach:function(e,t,o){O(e,function(){t.apply(this,arguments)},o)},count:function(e){var t=0;return O(e,function(){t++}),t},toArray:function(e){return O(e,function(e){return e})||[]},only:function(e){if(!I(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},o.Component=x,o.Fragment=i,o.Profiler=c,o.PureComponent=y,o.StrictMode=l,o.Suspense=m,o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=S,o.__COMPILER_RUNTIME={__proto__:null,c:function(e){return S.H.useMemoCache(e)}},o.cache=function(e){return function(){return e.apply(null,arguments)}},o.cacheSignal=function(){return null},o.cloneElement=function(e,t,o){if(null==e)throw Error("The argument must be a React element, but you passed "+e+".");var r=$({},e.props),a=e.key;if(null!=t)for(n in void 0!==t.key&&(a=""+t.key),t)w.call(t,n)&&"key"!==n&&"__self"!==n&&"__source"!==n&&("ref"!==n||void 0!==t.ref)&&(r[n]=t[n]);var n=arguments.length-2;if(1===n)r.children=o;else if(1<n){for(var i=Array(n),l=0;l<n;l++)i[l]=arguments[l+2];r.children=i}return C(e.type,a,r)},o.createContext=function(e){return(e={$$typeof:u,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider=e,e.Consumer={$$typeof:d,_context:e},e},o.createElement=function(e,t,o){var r,a={},n=null;if(null!=t)for(r in void 0!==t.key&&(n=""+t.key),t)w.call(t,r)&&"key"!==r&&"__self"!==r&&"__source"!==r&&(a[r]=t[r]);var i=arguments.length-2;if(1===i)a.children=o;else if(1<i){for(var l=Array(i),c=0;c<i;c++)l[c]=arguments[c+2];a.children=l}if(e&&e.defaultProps)for(r in i=e.defaultProps)void 0===a[r]&&(a[r]=i[r]);return C(e,n,a)},o.createRef=function(){return{current:null}},o.forwardRef=function(e){return{$$typeof:s,render:e}},o.isValidElement=I,o.lazy=function(e){return{$$typeof:h,_payload:{_status:-1,_result:e},_init:B}},o.memo=function(e,t){return{$$typeof:p,type:e,compare:void 0===t?null:t}},o.startTransition=function(e){var t=S.T,o={};S.T=o;try{var r=e(),a=S.S;null!==a&&a(o,r),"object"==typeof r&&null!==r&&"function"==typeof r.then&&r.then(k,P)}catch(e){P(e)}finally{null!==t&&null!==o.types&&(t.types=o.types),S.T=t}},o.unstable_useCacheRefresh=function(){return S.H.useCacheRefresh()},o.use=function(e){return S.H.use(e)},o.useActionState=function(e,t,o){return S.H.useActionState(e,t,o)},o.useCallback=function(e,t){return S.H.useCallback(e,t)},o.useContext=function(e){return S.H.useContext(e)},o.useDebugValue=function(){},o.useDeferredValue=function(e,t){return S.H.useDeferredValue(e,t)},o.useEffect=function(e,t){return S.H.useEffect(e,t)},o.useEffectEvent=function(e){return S.H.useEffectEvent(e)},o.useId=function(){return S.H.useId()},o.useImperativeHandle=function(e,t,o){return S.H.useImperativeHandle(e,t,o)},o.useInsertionEffect=function(e,t){return S.H.useInsertionEffect(e,t)},o.useLayoutEffect=function(e,t){return S.H.useLayoutEffect(e,t)},o.useMemo=function(e,t){return S.H.useMemo(e,t)},o.useOptimistic=function(e,t){return S.H.useOptimistic(e,t)},o.useReducer=function(e,t,o){return S.H.useReducer(e,t,o)},o.useRef=function(e){return S.H.useRef(e)},o.useState=function(e){return S.H.useState(e)},o.useSyncExternalStore=function(e,t,o){return S.H.useSyncExternalStore(e,t,o)},o.useTransition=function(){return S.H.useTransition()},o.version="19.2.3"},191788,(e,t,o)=>{"use strict";
2t.exports=e.r(361556)},347827,e=>{"use strict";e.s(["ShouldRender",0,e=>e.if?e.children:null])},579517,403698,18788,356201,e=>{"use strict";var t,o=e.i(391398),r=e.i(648684),a=e.i(191788),n=e.i(227325),i=e.i(880854);e.i(133657);var l=e.i(860923),c=e.i(760814),d=((t=d||{})[t.info=0]="info",t[t.rainbow=1]="rainbow",t);let u=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return c.css` 3 border: 1px solid ${e=>e.theme.borderColor.staticTransparent}; 4 color: ${e=>e.theme.textColor.commandContrastDefault}; 5 background-color: ${o=>0===t?o.theme.backgroundColor[`informationInteractive${e}Default`]:o.theme.backgroundColor[`rainbowInteractive${e}Default`]}; 6 &:hover { 7 background-color: ${o=>0===t?o.theme.backgroundColor[`informationInteractive${e}Hover`]:o.theme.backgroundColor[`rainbowInteractive${e}Hover`]}; 8 } 9 &:focus { 10 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 11 } 12 &:active { 13 background-color: ${o=>0===t?o.theme.backgroundColor[`informationInteractive${e}Hover`]:o.theme.backgroundColor[`rainbowInteractive${e}Hover`]}; 14 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 15 } 16 &:disabled { 17 box-shadow: none; 18 background-color: ${o=>0===t?o.theme.backgroundColor[`informationInteractive${e}Disabled`]:o.theme.backgroundColor[`rainbowInteractive${e}Disabled`]}; 19 } 20`},s=c.default.div.withConfig({displayName:"Button.styled__BrandBorderStyled",componentId:"sc-2e207576-0"})` 21 width: fit-content; 22 height: fit-content; 23 padding: 1.125px; 24 border-radius: ${e=>e.theme.radius._1}; 25 background-image: linear-gradient( 26 to bottom, 27 ${e=>e.theme.colors["purple-400"]}, 28 ${e=>e.theme.colors["purple-300"]} 29 ); 30`,m=c.default.button.withConfig({displayName:"Button.styled__ButtonStyled",componentId:"sc-2e207576-1"})` 31 display: flex; 32 flex-direction: row; 33 justify-content: center; 34 align-items: center; 35 align-self: stretch; 36 gap: ${e=>e.theme.spacing._2}; 37 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._4} 38 ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._6}; 39 ${e=>e.theme.font.label2Weighted} 40 border-radius: ${e=>e.theme.radius._1}; 41 box-shadow: none; 42 cursor: pointer; 43 border: 1px solid ${e=>e.theme.borderColor.staticTransparent}; 44 transition: all 0.2s linear; 45 white-space: nowrap; 46 overflow: hidden; 47 text-overflow: ellipsis; 48 49 span { 50 display: flex; 51 flex-direction: row; 52 justify-content: stretch; 53 align-items: center; 54 } 55 56 &.justify { 57 justify-content: space-between; 58 } 59 60 &.${n.BUTTON_INTENTS.brand} { 61 color: ${e=>e.theme.textColor.primary}; 62 background-color: ${e=>e.theme.colors["purple-50"]}; 63 64 &:hover { 65 background-color: ${e=>e.theme.colors["purple-100"]}; 66 } 67 } 68 69 &.${n.BUTTON_INTENTS.default} { 70 color: ${e=>e.theme.textColor.commandContrastLightOnly}; 71 background-color: ${e=>e.theme.backgroundColor.interactivePrimaryLightOnlyDefault}; 72 html.dark & span { 73 color: inherit; 74 } 75 &:hover { 76 background-color: ${e=>e.theme.backgroundColor.interactivePrimaryLightOnlyHover}; 77 } 78 &:focus { 79 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 80 } 81 &:active { 82 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 83 background-color: ${e=>e.theme.backgroundColor.interactivePrimaryLightOnlyHover}; 84 } 85 &:disabled { 86 box-shadow: none; 87 opacity: 0.6; 88 background-color: ${e=>e.theme.backgroundColor.interactivePrimaryDisabled}; 89 90 html.dark & { 91 opacity: 0.5; 92 background-color: ${e=>e.theme.backgroundColor.interactivePrimaryLightOnlyDefault}; 93 } 94 } 95 } 96 &.${n.BUTTON_INTENTS.mutedPrimary} { 97 color: ${e=>e.theme.textColor.commandContrastDefault}; 98 background-color: #6a53bc; 99 &:hover { 100 background-color: #5b43ad; 101 } 102 &:focus { 103 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 104 } 105 &:active { 106 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 107 background-color: #5b43ad; 108 } 109 &:disabled { 110 box-shadow: none; 111 opacity: 0.6; 112 background-color: #6a53bc; 113 } 114 } 115 &.${n.BUTTON_INTENTS.defaultSecondary} { 116 color: ${e=>e.theme.textColor.commandPrimaryDefault}; 117 background-color: ${e=>e.theme.backgroundColor.interactiveSecondaryDefault}; 118 &:hover { 119 background-color: ${e=>e.theme.backgroundColor.interactiveSecondaryHover}; 120 } 121 &:focus { 122 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 123 } 124 &:active { 125 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 126 background-color: ${e=>e.theme.backgroundColor.interactiveSecondaryHover}; 127 } 128 &:disabled { 129 color: ${e=>e.theme.textColor.commandPrimaryDisabled}; 130 box-shadow: none; 131 border-color: transparent; 132 background-color: ${e=>
132e.theme.backgroundColor.interactiveSecondaryDisabled}; 133 134 svg { 135 opacity: 0.6; 136 } 137 } 138 } 139 140 &.${n.BUTTON_INTENTS.defaultSecondaryOutline} { 141 color: ${e=>e.theme.textColor.commandPrimaryDefault}; 142 background-color: ${e=>e.theme.backgroundColor.interactiveSecondaryDefault}; 143 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 144 background-color: ${e=>e.theme.backgroundColor.interactiveSecondaryHover}; 145 &:hover { 146 background-color: ${e=>e.theme.backgroundColor.interactiveSecondaryHover}; 147 } 148 &:focus { 149 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 150 } 151 &:disabled { 152 color: ${e=>e.theme.textColor.commandPrimaryDisabled}; 153 box-shadow: none; 154 background-color: ${e=>e.theme.backgroundColor.interactiveSecondaryDisabled}; 155 156 svg { 157 opacity: 0.6; 158 } 159 } 160 } 161 162 &.${n.BUTTON_INTENTS.interactiveGradientDefault} { 163 color: ${e=>e.theme.textColor.commandContrastDefault}; 164 background: ${e=>e.theme.backgroundColor.interactiveGradientDefault}; 165 ${e=>e.theme.font.label2Weighted} 166 &:disabled { 167 box-shadow: none; 168 background: ${e=>e.theme.colors.gradientPrimaryDisabled}; 169 } 170 } 171 172 &.${n.BUTTON_INTENTS.defaultOutline} { 173 color: ${e=>e.theme.textColor.commandNeutralDefault}; 174 border: 1px solid ${e=>e.theme.borderColor.staticDefault}; 175 background-color: ${e=>e.theme.backgroundColor.interactiveNeutral1Default}; 176 box-shadow: ${e=>e.theme.elevation._1} !important; 177 &:hover { 178 border: 1px solid ${e=>e.theme.borderColor.staticHover}; 179 background-color: ${e=>e.theme.backgroundColor.interactiveNeutral2Hover}; 180 } 181 &:disabled { 182 color: ${e=>e.theme.textColor.commandNeutralDisabled}; 183 border: 1px solid ${e=>e.theme.borderColor.staticSubtle}; 184 box-shadow: none !important; 185 background-color: ${e=>e.theme.backgroundColor.interactiveNeutral1Default}; 186 187 html.dark & { 188 border-color: ${e=>e.theme.borderColor.interactiveDefault}; 189 } 190 } 191 &.${n.ButtonIconTypes.single} { 192 &:hover { 193 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaHover}; 194 } 195 } 196 } 197 &.${n.BUTTON_INTENTS.defaultTransparent} { 198 border: none; 199 color: ${e=>e.theme.textColor.commandPrimaryDefault}; 200 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaDefault}; 201 &:hover { 202 background-color: ${e=>e.theme.backgroundColor.interactiveSecondaryHover}; 203 } 204 &:focus { 205 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 206 } 207 &:active { 208 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 209 background-color: ${e=>e.theme.backgroundColor.interactiveSecondaryHover}; 210 } 211 &:disabled { 212 box-shadow: none; 213 color: ${e=>e.theme.textColor.commandPrimaryDisabled}; 214 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaDefault}; 215 } 216 } 217 &.${n.BUTTON_INTENTS.defaultNeutral} { 218 border: none; 219 color: ${e=>e.theme.textColor.commandNeutralDefault}; 220 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaDefault}; 221 &:hover { 222 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaHover}; 223 } 224 &:focus { 225 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 226 } 227 &:active { 228 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 229 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaHover}; 230 } 231 &:disabled { 232 opacity: 0.6; 233 box-shadow: none; 234 color: ${e=>e.theme.textColor.commandNeutralDisabled}; 235 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaDefault}; 236 } 237 &.${n.ButtonIconTypes.single} { 238 &:hover { 239 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaHover}; 240 } 241 } 242 } 243 244 &.${n.BUTTON_INTENTS.danger} { 245 color: ${e=>e.theme.textColor.commandContrastDefault}; 246 background-color: ${e=>e.theme.backgroundColor.interactiveDangerPrimaryDefault}; 247 &:hover { 248 background-color: ${e=>e.theme.backgroundColor.interactiveDangerPrimaryHover}; 249 } 250 &:focus { 251 box-shadow: ${e=>e.theme.elevation.focusedDanger}; 252 } 253 &:active { 254 box-shadow: ${e=>e.theme.elevation.focusedDanger}; 255 background-color: ${e=>e.theme.backgroundColor.interactiveDangerPrimaryHover}; 256 } 257 &:disabled { 258 box-shadow: none; 259 background-color: ${e=>e.theme.backgroundColor.interactiveDangerPrimaryDisabled}; 260 } 261 } 262 &.${n.BUTTON_INTENTS.dangerSecondary} { 263 color: ${e=>e.theme.textColor.commandDangerDefault}; 264 background-color: ${e=>
264e.theme.backgroundColor.interactiveDangerSecondaryDefault}; 265 &:hover { 266 background-color: ${e=>e.theme.backgroundColor.interactiveDangerSecondaryHover}; 267 } 268 &:focus { 269 box-shadow: ${e=>e.theme.elevation.focusedDanger}; 270 } 271 &:active { 272 box-shadow: ${e=>e.theme.elevation.focusedDanger}; 273 background-color: ${e=>e.theme.backgroundColor.interactiveDangerSecondaryHover}; 274 } 275 &:disabled { 276 box-shadow: none; 277 color: ${e=>e.theme.textColor.commandDangerDisabled}; 278 background-color: ${e=>e.theme.backgroundColor.interactiveDangerSecondaryDisabled}; 279 } 280 } 281 &.${n.BUTTON_INTENTS.dangerNeutral} { 282 border: none; 283 color: ${e=>e.theme.textColor.commandDangerDefault}; 284 background-color: ${e=>e.theme.backgroundColor.transparent}; 285 &:hover { 286 background-color: ${e=>e.theme.backgroundColor.interactiveDangerSecondaryHover}; 287 } 288 &:focus { 289 box-shadow: ${e=>e.theme.elevation.focusedDanger}; 290 background-color: ${e=>e.theme.backgroundColor.interactiveDangerSecondaryDefault}; 291 } 292 &:active { 293 box-shadow: ${e=>e.theme.elevation.focusedDanger}; 294 background-color: ${e=>e.theme.backgroundColor.interactiveDangerSecondaryHover}; 295 } 296 &:disabled { 297 box-shadow: none; 298 color: ${e=>e.theme.textColor.commandDangerDisabled}; 299 background-color: ${e=>e.theme.backgroundColor.transparent}; 300 } 301 } 302 303 &.${n.BUTTON_INTENTS.upgrade} { 304 background-color: ${e=>e.theme.backgroundColor.interactiveTealDefault}; 305 color: ${e=>e.theme.textColor.rainbowStaticTealText}; 306 border: none; 307 &:hover { 308 background-color: ${e=>e.theme.backgroundColor.interactiveTealHover}; 309 } 310 &:focus { 311 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 312 background-color: ${e=>e.theme.backgroundColor.interactiveTealDefault}; 313 } 314 &:active { 315 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 316 background-color: ${e=>e.theme.backgroundColor.interactiveTealHover}; 317 } 318 &:disabled { 319 box-shadow: none; 320 color: ${e=>e.theme.textColor.rainbowStaticTealTextDisabled}; 321 background-color: ${e=>e.theme.backgroundColor.interactiveTealDisabled}; 322 } 323 } 324 325 &.${n.BUTTON_INTENTS.upgradeCritical} { 326 background: linear-gradient( 327 180deg, 328 rgba(255, 255, 255, 0.3) 7.29%, 329 rgba(255, 255, 255, 0) 65.62% 330 ), 331 linear-gradient(180deg, #fef6ee 0%, #fdead7 100%); 332 333 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px #fae2d1; 334 color: ${e=>e.theme.textColor.rainbowStaticYellow}; 335 border: none; 336 &:hover { 337 background: linear-gradient( 338 0deg, 339 rgba(255, 255, 255, 0.3) 34.38%, 340 rgba(255, 255, 255, 0) 92.71% 341 ), 342 linear-gradient(0deg, #fef6ee 0%, #fdead7 100%); 343 344 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px #fae2d1; 345 } 346 &:focus { 347 border: 2px solid var(--border-static-transparent, rgba(255, 255, 255, 0.01)); 348 background: linear-gradient( 349 180deg, 350 rgba(255, 255, 255, 0.3) 7.29%, 351 rgba(255, 255, 255, 0) 65.62% 352 ), 353 linear-gradient(180deg, #fef6ee 0%, #fdead7 100%); 354 355 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px #6938ef; 356 } 357 &:active { 358 border: 2px solid var(--border-static-transparent, rgba(255, 255, 255, 0.01)); 359 background: linear-gradient( 360 0deg, 361 rgba(255, 255, 255, 0.3) 34.38%, 362 rgba(255, 255, 255, 0) 92.71% 363 ), 364 linear-gradient(0deg, #fef6ee 0%, #fdead7 100%); 365 366 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px #6938ef; 367 } 368 &:disabled { 369 box-shadow: none; 370 background: linear-gradient( 371 180deg, 372 rgba(255, 255, 255, 0.3) 7.29%, 373 rgba(255, 255, 255, 0) 65.62% 374 ), 375 linear-gradient(180deg, #fef6ee 0%, #fdead7 100%); 376 opacity: 0.65; 377 } 378 html.dark & { 379 background: rgba(245, 125, 0, 0.15); 380 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px rgba(245, 125, 0, 0.3); 381 color: var(--color-orange-400); 382 border: none; 383 &:hover { 384 background: rgba(245, 125, 0, 0.25); 385 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px rgba(245, 125, 0, 0.4); 386 } 387 &:focus { 388 background: rgba(245, 125, 0, 0.15); 389 border: 2px solid var(--border-static-transparent, rgba(255, 255, 255, 0.01)); 390 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px #6938ef; 391 } 392 &:active { 393 background: rgba(245, 125, 0, 0.25); 394 border: 2px solid var(--border-static-transparent, rgba(255, 255, 255, 0.01)); 395 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px #6938ef; 396 } 397 &:disabled { 398 background: rgba(245, 125, 0, 0.1); 399 box-shadow: none; 400 } 401 } 402 } 403 404 &.${n.BUTTON_INTENTS.upgradePositive} { 405 background: linear-gradient( 406 180deg, 407 rgba(255, 255, 255, 0.3) 7.29%, 408 rgba(255, 255, 255, 0) 65.62% 409 ), 410 linear-gradient(180deg, #ecfdf3 0%, #d1fadf 100%); 411 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15), 0px 0px 0px 1px #d1fae8; 412 color: ${e=>e.theme.textColor.rainbowStaticTealText}; 413 border: none; 414 &:hover { 415 background: linear-gradient( 416 0deg, 417 rgba(255, 255, 255, 0.3) 34.38%, 418 rgba(255, 255, 255, 0) 92.71% 419 ), 420 linear-gradient(0deg, #ecfdf3 0%, #d1fadf 100%); 421 } 422 &:focus { 423 background: linear-gradient( 424 180deg, 425 rgba(255, 255, 255, 0.3) 7.29%, 426 rgba(255, 255, 255, 0) 65.62% 427 ), 428 linear-gradient(180deg, #ecfdf3 0%, #d1fadf 100%); 429 } 430 &:active { 431 background: linear-gradient( 432 0deg, 433 rgba(255, 255, 255, 0.3) 34.38%, 434 rgba(255, 255, 255, 0) 92.71% 435 ), 436 linear-gradient(0deg, #ecfdf3 0%, #d1fadf 100%); 437 } 438 &:disabled { 439 box-shadow: none; 440 background: linear-gradient( 441 180deg, 442 rgba(255, 255, 255, 0.3) 7.29%, 443 rgba(255, 255, 255, 0) 65.62% 444 ), 445 linear-gradient(180deg, #ecfdf3 0%, #d1fadf 100%); 446 opacity: 0.65; 447 } 448 html.dark & { 449 background: rgba(16, 185, 129, 0.15); 450 box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 0px 0px 1px rgba(16, 185, 129, 0.3); 451 color: var(--color-green-400); 452 &:hover { 453 background: rgba(16, 185, 129, 0.25); 454 } 455 &:focus { 456 background: rgba(16, 185, 129, 0.15); 457 } 458 &:active { 459 background: rgba(16, 185, 129, 0.25); 460 } 461 &:disabled { 462 background: rgba(16, 185, 129, 0.1); 463 box-shadow: none; 464 } 465 } 466 } 467 468 &.${n.BUTTON_INTENTS.infoGreen} { 469 ${u("Green",0)} 470 } 471 &.${n.BUTTON_INTENTS.infoBlue} { 472 ${u("Blue",0)} 473 } 474 &.${n.BUTTON_INTENTS.infoYellow} { 475 ${u("Yellow",0)} 476 } 477 &.${n.BUTTON_INTENTS.rainbowPurple} { 478 ${u("Purple",1)} 479 } 480 &.${n.BUTTON_INTENTS.rainbowPink} { 481 ${u("Pink",1)} 482 } 483 &.${n.BUTTON_INTENTS.rainbowOrange} { 484 ${u("Orange",1)} 485 } 486 &.${n.BUTTON_INTENTS.rainbowIndigo} { 487 ${u("Indigo",1)} 488 } 489 &.${n.BUTTON_INTENTS.rainbowCyan} { 490 ${u("Cyan",1)} 491 } 492 &.${n.BUTTON_INTENTS.rainbowTeal} { 493 ${u("Teal",1)} 494 } 495 496 &.${n.BUTTON_INTENTS.textPrimary} { 497 border: none; 498 border-radius: 4px; 499 color: ${e=>e.theme.textColor.commandPrimaryDefault}; 500 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaDefault}; 501 &:hover {
502 color: ${e=>e.theme.textColor.commandPrimaryHover}; 503 } 504 &:focus, 505 &:active { 506 box-shadow: none; 507 border: none; 508 } 509 &:disabled { 510 box-shadow: none; 511 color: ${e=>e.theme.textColor.commandPrimaryDisabled}; 512 513 svg { 514 opacity: 0.4; 515 } 516 } 517 } 518 &.${n.BUTTON_INTENTS.textSecondary} { 519 border: none; 520 border-radius: 4px; 521 color: ${e=>e.theme.textColor.commandNeutralDefault}; 522 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaDefault}; 523 &:hover { 524 color: ${e=>e.theme.textColor.commandNeutralHover}; 525 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaHover}; 526 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaHover}; 527 } 528 &:active { 529 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 530 } 531 &:disabled { 532 box-shadow: none; 533 color: ${e=>e.theme.textColor.commandNeutralDisabled}; 534 } 535 } 536 &.${n.BUTTON_INTENTS.textInfo} { 537 border: none; 538 border-radius: 4px; 539 color: ${e=>e.theme.textColor.infoBlueStrong}; 540 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaDefault}; 541 &:hover { 542 color: ${e=>e.theme.textColor.rainbowStaticBlue}; 543 background-color: transparent; 544 } 545 &:active { 546 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 547 } 548 &:disabled { 549 box-shadow: none; 550 color: ${e=>e.theme.textColor.commandNeutralDisabled}; 551 } 552 } 553 &.${n.BUTTON_INTENTS.textMuted} { 554 border: none; 555 border-radius: 4px; 556 color: ${e=>e.theme.textColor.muted}; 557 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaDefault}; 558 &:hover { 559 color: ${e=>e.theme.textColor.brand}; 560 background-color: none; 561 } 562 &:active { 563 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 564 } 565 &:disabled { 566 box-shadow: none; 567 color: ${e=>e.theme.textColor.commandNeutralDisabled}; 568 } 569 } 570 &.${n.BUTTON_INTENTS.hint} { 571 border: none; 572 border-radius: 4px; 573 color: ${e=>e.theme.textColor.commandHintDefault}; 574 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaDefault}; 575 &:hover { 576 color: ${e=>e.theme.textColor.commandHintHover}; 577 &:not(:disabled) { 578 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaHover}; 579 } 580 } 581 &:active { 582 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 583 } 584 &:disabled { 585 box-shadow: none; 586 color: ${e=>e.theme.textColor.commandHintDisabled}; 587 } 588 } 589 &.${n.BUTTON_INTENTS.hintTransparent} { 590 border: none; 591 border-radius: 4px; 592 color: ${e=>e.theme.textColor.commandHintDefault}; 593 background-color: transparent; 594 &:hover { 595 color: ${e=>e.theme.textColor.commandHintHover}; 596 } 597 &:active { 598 box-shadow: ${e=>e.theme.elevation.focusedPrimary}; 599 } 600 &:disabled { 601 box-shadow: none; 602 color: ${e=>e.theme.textColor.commandHintDisabled}; 603 } 604 } 605 606 &.${n.BUTTON_INTENTS.dark} { 607 color: ${e=>e.theme.textColor.commandContrastDefault}; 608 background-color: ${e=>e.theme.backgroundColor.layerContrast}; 609 &:hover { 610 background-color: ${e=>e.theme.backgroundColor.layerContrast}; 611 } 612 &:focus { 613 box-shadow: ${e=>e.theme.elevation._1}; 614 background-color: ${e=>e.theme.backgroundColor.layerContrast}; 615 } 616 &:active { 617 box-shadow: ${e=>e.theme.elevation._1}; 618 background-color: ${e=>e.theme.backgroundColor.layerContrast}; 619 } 620 &:disabled { 621 box-shadow: none; 622 background-color: ${e=>e.theme.backgroundColor.layerContrast}; 623 } 624 } 625 626 &.${n.BUTTON_INTENTS.dropdownDefault} { 627 ${e=>e.theme.font.important.body2} 628 display: flex; 629 align-items: center; 630 justify-content: space-between; 631 color: ${e=>e.theme.textColor.hint} !important; 632 border: 1px solid ${e=>e.theme.borderColor.interactiveDefault} !important; 633 box-shadow: ${e=>e.theme.elevation._1} !important; 634 background-color: ${e=>e.theme.backgroundColor.interactiveNeutral1Default} !important; 635 padding: 0px ${e=>e.theme.spacing._5} !important; 636 height: 40px !important; 637 &:hover { 638 color: ${e=>e.theme.textColor.secondary} !important; 639 border: 1px solid ${e=>e.theme.borderColor.interactiveHover} !important; 640 } 641 &:focus, 642 &[data-state='focused'] { 643 color: ${e=>e.theme.textColor.secondary} !important; 644 box-shadow: ${e=>e.theme.elevation._1} !important; 645 border: 1px solid ${e=>e.theme.borderColor.interactiveActive} !important; 646 } 647 &[data-state='selected'] { 648 color: ${e=>e.theme.textColor.secondary} !important; 649 box-shadow: ${e=>e.theme.elevation._1} !important; 650 border: 1px solid ${e=>e.theme.borderColor.interactiveDefault} !important; 651 } 652 &[data-state='destructive'] { 653 color: ${e=>e.theme.textColor.disabled} !important; 654 box-shadow: ${e=>e.theme.elevation._1} !important; 655 border: 1px solid ${e=>e.theme.borderColor.staticDanger} !important; 656 } 657 &:disabled { 658 color: ${e=>e.theme.textColor.disabled} !important; 659 border: 1px solid ${e=>e.theme.borderColor.interactiveDisabled} !important; 660 box-shadow: none !important; 661 } 662 } 663 &.${n.BUTTON_INTENTS.dropdownTransparent} { 664 border: none !important; 665 ${e=>e.theme.font.important.body2} 666 color: ${e=>e.theme.textColor.commandHintDefault} !important; 667 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaDefault} !important; 668 padding: 0px !important; 669 height: 28px !important; 670 &:hover {
671 color: ${e=>e.theme.textColor.commandNeutralHover} !important; 672 } 673 &:focus, 674 &[data-state='focused'] { 675 color: ${e=>e.theme.textColor.commandPrimaryDefault} !important; 676 } 677 &[data-state='selected'] { 678 color: ${e=>e.theme.textColor.commandNeutralDefault} !important; 679 } 680 &[data-state='destructive'] { 681 color: ${e=>e.theme.textColor.commandDangerDefault} !important; 682 } 683 &:disabled { 684 color: ${e=>e.theme.textColor.commandNeutralDisabled} !important; 685 } 686 } 687 &.${n.BUTTON_INTENTS.dropdownBrand} { 688 border: none !important; 689 ${e=>e.theme.font.important.body2} 690 color: ${e=>e.theme.textColor.commandHintDefault}; 691 background-color: ${e=>e.theme.backgroundColor.interactiveNeutralAlphaDefault} !important; 692 padding: 0px !important; 693 height: 28px !important; 694 &:hover { 695 color: ${e=>e.theme.textColor.commandPrimaryHover} !important; 696 } 697 &:focus, 698 &[data-state='focused'] { 699 color: ${e=>e.theme.textColor.commandPrimaryDefault} !important; 700 } 701 &[data-state='selected'] { 702 color: ${e=>e.theme.textColor.commandPrimaryDefault} !important; 703 } 704 &[data-state='destructive'] { 705 color: ${e=>e.theme.textColor.commandDangerDefault} !important; 706 } 707 &:disabled { 708 color: ${e=>e.theme.textColor.commandPrimaryDisabled} !important; 709 } 710 } 711 712 &.${n.BUTTON_INTENTS.upgradeYellow} { 713 background-color: ${e=>e.theme.backgroundColor.rainbowStaticYellowSubtle}; 714 color: ${e=>e.theme.textColor.informationStaticYellow}; 715 border: none; 716 &:hover { 717 background-color: ${e=>e.theme.backgroundColor.rainbowStaticYellowSolid}; 718 } 719 &:focus { 720 box-shadow: ${e=>e.theme.elevation._1}; 721 } 722 &:active { 723 box-shadow: ${e=>e.theme.elevation._1}; 724 } 725 } 726 &.${n.BUTTON_SIZES.xs} { 727 ${e=>e.theme.font.label2Weighted} 728 height: ${e=>e.theme.size._4}; 729 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._4}; 730 gap: ${e=>e.theme.spacing._0}; 731 &.${n.ButtonIconTypes.single} { 732 height: ${e=>e.theme.size._3}; 733 width: ${e=>e.theme.size._3}; 734 padding: ${e=>e.theme.spacing._2}; 735 gap: ${e=>e.theme.spacing._1}; 736 } 737 &.${n.ButtonIconTypes.leading} { 738 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._6} 739 ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._4}; 740 gap: ${e=>e.theme.spacing._2}; 741 } 742 &.${n.ButtonIconTypes.trailing} { 743 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._4} 744 ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._6}; 745 gap: ${e=>e.theme.spacing._2}; 746 } 747 &.${n.BUTTON_INTENTS.textPrimary}, 748 &.${n.BUTTON_INTENTS.textSecondary}, 749 &.${n.BUTTON_INTENTS.textInfo}, 750 &.${n.BUTTON_INTENTS.textMuted} { 751 height: fit-content; 752 padding: ${e=>e.theme.spacing._0}; 753 } 754 } 755 &.${n.BUTTON_SIZES.sm} { 756 ${e=>e.theme.font.label2Weighted} 757 height: ${e=>e.theme.size._5}; 758 padding: ${e=>e.theme.spacing._4} ${e=>e.theme.spacing._6}; 759 gap: ${e=>e.theme.spacing._0}; 760 &.${n.ButtonIconTypes.single} { 761 height: ${e=>e.theme.size._4}; 762 width: ${e=>e.theme.size._4}; 763 padding: ${e=>e.theme.spacing._3}; 764 gap: ${e=>e.theme.spacing._2}; 765 } 766 &.${n.ButtonIconTypes.leading} { 767 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._7} 768 ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._6}; 769 gap: ${e=>e.theme.spacing._4}; 770 } 771 &.${n.ButtonIconTypes.trailing} { 772 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._6} 773 ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._7}; 774 gap: ${e=>e.theme.spacing._4}; 775 } 776 &.${n.BUTTON_INTENTS.textPrimary}, 777 &.${n.BUTTON_INTENTS.textSecondary}, 778 &.${n.BUTTON_INTENTS.textInfo}, 779 &.${n.BUTTON_INTENTS.textMuted} { 780 height: fit-content; 781 padding: ${e=>e.theme.spacing._0}; 782 } 783 } 784 &.${n.BUTTON_SIZES.md} { 785 ${e=>e.theme.font.label2Weighted} 786 height: ${e=>e.theme.size._6}; 787 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._7}; 788 gap: ${e=>e.theme.spacing._0}; 789 &.${n.ButtonIconTypes.single} { 790 height: ${e=>e.theme.size._5}; 791 width: ${e=>e.theme.size._5}; 792 padding: ${e=>e.theme.spacing._4}; 793 gap: ${e=>e.theme.spacing._2}; 794 } 795 &.${n.ButtonIconTypes.leading} { 796 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._8} 797 ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._7}; 798 gap: ${e=>e.theme.spacing._4}; 799 } 800 &.${n.ButtonIconTypes.trailing} { 801 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._7} 802 ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._8}; 803 gap: ${e=>e.theme.spacing._4}; 804 } 805 &.${n.BUTTON_INTENTS.textPrimary}, 806 &.${n.BUTTON_INTENTS.textSecondary}, 807 &.${n.BUTTON_INTENTS.textInfo}, 808 &.${n.BUTTON_INTENTS.textMuted} { 809 height: fit-content; 810 padding: ${e=>e.theme.spacing._0}; 811 } 812 } 813 &.${n.BUTTON_SIZES.lg} { 814 ${e=>e.theme.font.label1Weighted} 815 height: ${e=>e.theme.size._7}; 816 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._8}; 817 gap: ${e=>e.theme.spacing._0}; 818 &.${n.ButtonIconTypes.single} { 819 height: ${e=>e.theme.size._6}; 820 width: ${e=>e.theme.size._6}; 821 padding: ${e=>e.theme.spacing._5}; 822 gap: ${e=>e.theme.spacing._2}; 823 } 824 &.${n.ButtonIconTypes.leading} { 825 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._9} 826 ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._8}; 827 gap: ${e=>e.theme.spacing._4}; 828 } 829 &.${n.ButtonIconTypes.trailing} { 830 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._8} 831 ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._9}; 832 gap: ${e=>e.theme.spacing._4}; 833 } 834 &.${n.BUTTON_INTENTS.textPrimary}, 835 &.${n.BUTTON_INTENTS.textSecondary}, 836 &.${n.BUTTON_INTENTS.textInfo}, 837 &.${n.BUTTON_INTENTS.textMuted} { 838 height: fit-content; 839 padding: ${e=>e.theme.spacing._0}; 840 } 841 } 842 843 &.${n.BUTTON_SIZES.xl} { 844 ${e=>e.theme.font.label1Weighted} 845 height: ${e=>e.theme.size._7}; 846 padding: ${e=>e.theme.spacing._0} ${e=>e.theme.spacing._8}; 847 gap: ${e=>e.theme.spacing._0}; 848 &.${n.ButtonIconTypes.single} { 849 height: ${e=>e.theme.size._7}; 850 width: ${e=>e.theme.size._7}; 851 padding: ${e=>e.theme.spacing._5}; 852 gap: ${e=>e.theme.spacing._2}; 853 } 854 } 855 856 &.${n.ButtonIconTypes.single} { 857 flex: none; 858 } 859 860 &.width-full { 861 width: 100%; 862 text-align: center; 863 } 864 865 &.gradient-border { 866 background: linear-gradient(white, white) padding-box, 867 linear-gradient(to right, #e6ff4b, #48deff) border-box; 868 border: 1px solid transparent !important; 869 } 870 871 ${e=>e.$withMore&&` 872 border-bottom-right-radius: 0; 873 border-top-right-radius: 0; 874 border: none; 875 `} 876`,p=(0,c.default)(m).withConfig({displayName:"Button.styled__MoreButtonStyled",componentId:"sc-2e207576-2"})` 877 border-bottom-left-radius: 0; 878 border-top-left-radius: 0; 879 border: none; 880 border-left: 1px solid rgba(250, 250, 255, 0.1); 881 padding: 8px 4px !important; 882`;e.s(["BrandBorderStyled",0,s,"ButtonStyled",0,m,"MoreButtonStyled",0,p],403698);let h=(0,r.cva)("",{variants:{intent:n.BUTTON_INTENTS,size:n.BUTTON_SIZES,icon:n.ButtonIconTypes,gradientBorder:{true:"gradient-border"},fullWidth:{true:"width-full"},justify:{true:"justify"}},defaultVariants:{intent:n.BUTTON_INTENTS.default,size:n.BUTTON_SIZES.xs}}),g=a.default.forwardRef((e,t)=>
882{let{intent:r,size:a,icon:c,fullWidth:d,justify:u,gradientBorder:g,children:b,className:f,loading:$,loadingText:T,success:x,successText:v,customLoading:y,disabled:N,more:_,wrapMore:k,...S}=e,w=h({intent:r,size:a,icon:c,fullWidth:d,justify:u,gradientBorder:g,className:f}),C=(0,o.jsx)(m,{...S,disabled:N||$,className:w,ref:t,$withMore:!!_,children:(x?v:$&&!y?T:b)||b});if(_){let e=(0,o.jsx)(p,{..."object"==typeof _?_:{},className:w,children:(0,o.jsx)(i.ChevronDownIcon,{})});C=(0,o.jsxs)(l.Box,{display:"flex",children:[C,k?k(e):e]})}return r===n.BUTTON_INTENTS.brand?(0,o.jsx)(s,{children:C}):C});e.s(["Button",0,g],18788);let b=c.default.div.withConfig({displayName:"GroupButton",componentId:"sc-50a611a1-0"})` 883 // Buttons must be direct children, place tooltips inside the button 884 display: flex; 885 position: relative; 886 align-items: center; 887 justify-content: center; 888 gap: 0; 889 890 > button { 891 position: relative; 892 } 893 894 > button:first-child { 895 border-top-right-radius: 0px; 896 border-bottom-right-radius: 0px; 897 border-right: none; 898 } 899 900 > button:last-child { 901 border-top-left-radius: 0px; 902 border-bottom-left-radius: 0px; 903 border-left: none; 904 905 &::before { 906 content: ''; 907 position: absolute; 908 top: 0; 909 left: 0; 910 width: 1px; 911 height: 100%; 912 background-color: ${e=>e.color||"rgba(255, 255, 255, 0.15)"}; 913 border-radius: 0px; 914 } 915 } 916 917 > button:not(:first-child):not(:last-child) { 918 border-radius: 0px; 919 border-left: none; 920 border-right: none; 921 922 &::before, 923 &::after { 924 content: ''; 925 position: absolute; 926 top: 0; 927 width: 1px; 928 height: 100%; 929 background-color: ${e=>e.color||"rgba(255, 255, 255, 0.15)"}; 930 border-radius: 0px; 931 } 932 933 &::before { 934 left: 0; 935 } 936 937 &::after { 938 right: 0; 939 } 940 } 941`;e.s(["GroupButton",0,b],356201),e.s([],579517)},797482,e=>{"use strict";e.i(286455),e.s([])},227325,e=>{"use strict";var t,o,r,a,n,i,l,c,d,u,s,m,p,h,g,b,f,$,T,x,v,y,N=((t=N||{}).light="light",t.dark="dark",t.brand="brand",t),_=((o=_||{}).primary="primary",o.secondary="secondary",o),k=((r=k||{}).default="default",r.mutedPrimary="mutedPrimary",r.defaultSecondary="defaultSecondary",r.defaultSecondaryOutline="defaultSecondaryOutline",r.defaultOutline="defaultOutline",r.defaultTransparent="defaultTransparent",r.defaultNeutral="defaultNeutral",r.danger="danger",r.dangerSecondary="dangerSecondary",r.dangerNeutral="dangerNeutral",r.brand="brand",r.infoGreen="infoGreen",r.infoBlue="infoBlue",r.infoYellow="infoYellow",r.rainbowPurple="rainbowPurple",r.rainbowPink="rainbowPink",r.rainbowOrange="rainbowOrange",r.rainbowIndigo="rainbowIndigo",r.rainbowCyan="rainbowCyan",r.rainbowTeal="rainbowTeal",r.textPrimary="textPrimary",r.textSecondary="textSecondary",r.textMuted="textMuted",r.textInfo="textInfo",r.dark="dark",r.interactiveGradientDefault="interactiveGradientDefault",r.upgrade="upgrade",r.upgradePositive="upgradePositive",r.upgradeCritical="upgradeCritical",r.upgradeYellow="upgradeYellow",r.hint="hint",r.hintTransparent="hintTransparent",r.dropdownDefault="dropdownDefault",r.dropdownTransparent="dropdownTransparent",r.dropdownBrand="dropdownBrand",r),S=((a=S||{}).default="default",a.transparent="transparent",a.bordered="bordered",a.error="error",a),w=((n=w||{}).default="default",n.transparent="transparent",n.brand="brand",n),C=((i=C||{}).blue="blue",i.red="red",i.green="green",i.yellow="yellow",i.purple="purple",i.pink="pink",i.orange="orange",i.indigo="indigo",i.cyan="cyan",i.teal="teal",i),I=((l=I||{}).default="default",l.blue="blue",l.red="red",l.yellow="yellow",l.cyan="cyan",l.purple="purple",l.teal="teal",l.tealSolid="teal-solid",l.orange="orange",l.gray="gray",l.green="green",l.greenSolid="green-solid",l.new="new",l.newSubtle="new-subtle",l.subtle="subtle",l.purpleSolid="purple-solid",l.static="static",l.staticMuted="static-muted",l.greenDefault="green-default",l.greenDefaultShimmer="green-default-shimmer",l.pink="pink",l),E=((c=E||{}).xs="xs",c.sm="sm",c.lg="lg",c.md="md",c.xl="xl",c.xxl="xxl",c),D=((d=D||{}).danger="danger",d.inherit="inherit",d.brand="brand",d),O=((u=O||{}).top="top",u.right="right",u.bottom="bottom",u.left="left",u),B=((s=B||{}).xs="xs",s.sm="sm",s.md="md",s.lg="lg",s.xl="xl",s),P=((m=P||{}).circle="circle",m.square="square",m),U=((p=U||{}).horizontal="horizontal",p.vertical="vertical",p),H=((h={}).single="single",h.trailing="trailing",h.leading="leading",h),A=((g={}).sm="sm",g.md="md",g.lg="lg",g),j=((b={}).default="default",b.brandMuted="brandMuted",b.dark="dark",b),R=((f={}).sm="sm",f.md="md",f),M=(($={}).default="default",$.light="light",$),z=((T=z||{}).default="default",T.background="background",T.branded="branded",T),L=((x=L||{}).default="default",x.sm="sm",x),G=((v=G||{}).md="md",v.sm="sm",v),W=((y=W||{}).default="default",y);let Z={...k},V={...A},Y={...j},q={...S},K={...w},F={...N},Q={..._,...C},X={..._,...D},J={...I},ee={...E},et={...R},eo={...O},er={...M},ea={...z},en={...L},ei={...G},el={...W};e.s(["AI_FILTERS",0,[{tileTitle:"Questions"},{tileTitle:"Tasks"},{tileTitle:"Metrics"},{tileTitle:"Pricing"},{tileTitle:"Key Topics"},{tileTitle:"Dates & Times"}],"AVATAR_INTENTS",0,Q,"AVATAR_RAINBOW_INTENTS",0,{purple:"purple",pink:"pink",orange:"orange",indigo:"indigo",cyan:"cyan",teal:"teal"},"AVATAR_SHAPE",0,P,"AVATAR_SIZES",0,B,"BUTTON_INTENTS",0,Z,"BUTTON_SIZES",0,B,"ButtonIconTypes",()=>H,"CHECKBOX_SIZES",0,B,"DRAWER_SIDES",0,eo,"DROPDOWN_INTENTS",0,K,"INPUT_INTENTS",0,q,"LINK_INTENTS",0,X,"OVERLAY_INTENTS",0,er,"PILL_SIZES",0,et,"PROGRESS_MODE",0,F,"SEGMENT_INTENTS",0,ea,"SEGMENT_SIZES",0,en,"
941SENTIMENTS",0,[{tileTitle:"Positive"},{tileTitle:"Neutral"},{tileTitle:"Negative"}],"SIDEBAR_MENU_BUTTON_INTENTS",0,el,"SIDEBAR_MENU_BUTTON_SIZES",0,ei,"SWITCH_INTENTS",0,Y,"SWITCH_SIZES",0,V,"TAG_INTENTS",0,J,"TAG_SIZES",0,ee,"TILE_INTENTS",0,{COMMENTING:"commenting",EDITING:"editing",Tasks:"is-task",Metrics:"is-metrics",Pricing:"is-pricing",Questions:"is-question","Key Topics":"is-topics","Date & Time":"is-date",Speaker:"is-speaker",Custom:"is-custom-cat",Neutral:"is-neutral-sentiment",Positive:"is-positive-sentiment",Negative:"is-negative-sentiment"}])}]); 942 943//# debugId=046cea67-adbf-8481-a447-5e4eacf7f444 944//# sourceMappingURL=2wew9-pr73zq9.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.