@preply/ds-docs 1.5.0 → 2.0.0

package/dist/assets/Button-itdvNgOg.js

@@ -0,0 +1 @@
+import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as n}from"./index-Cb9e4tly.js";import{g as te,a as ie}from"./text-accent-BBah0rth.js";import{g as se}from"./text-centered-gMYE7PWw.js";import{f as M}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as k,s as g,b as B,a as y}from"./classNames-BUL1Zq7e.js";import{w as H}from"./componentNames-Bwls0I02.js";import{g as O,a as le}from"./index-DdzHuZ-Y.js";import{r as U}from"./render-icon-Du0nasoi.js";import{S as oe,a as V,B as K}from"./defaults-B1rzzf6M.js";import{u as ue}from"./useHostname-Y3PlXofY.js";import{m as re}from"./index-CC6DAVyL.js";const _e="_Heading_1ucgn_4",de={Heading:_e,"Heading--level-h1-normal":"_Heading--level-h1-normal_1ucgn_11","Heading--level-h1-large":"_Heading--level-h1-large_1ucgn_17","Heading--level-h2-normal":"_Heading--level-h2-normal_1ucgn_23","Heading--level-h2-large":"_Heading--level-h2-large_1ucgn_29","Heading--level-h3-normal":"_Heading--level-h3-normal_1ucgn_35","Heading--level-h3-large":"_Heading--level-h3-large_1ucgn_41","Heading--level-h4-normal":"_Heading--level-h4-normal_1ucgn_47","Heading--level-h4-large":"_Heading--level-h4-large_1ucgn_53","Heading--level-h5-normal":"_Heading--level-h5-normal_1ucgn_59","Heading--level-h5-large":"_Heading--level-h5-large_1ucgn_65","Heading--narrow-l--level-h1-normal":"_Heading--narrow-l--level-h1-normal_1ucgn_72","Heading--narrow-l--level-h1-large":"_Heading--narrow-l--level-h1-large_1ucgn_78","Heading--narrow-l--level-h2-normal":"_Heading--narrow-l--level-h2-normal_1ucgn_84","Heading--narrow-l--level-h2-large":"_Heading--narrow-l--level-h2-large_1ucgn_90","Heading--narrow-l--level-h3-normal":"_Heading--narrow-l--level-h3-normal_1ucgn_96","Heading--narrow-l--level-h3-large":"_Heading--narrow-l--level-h3-large_1ucgn_102","Heading--narrow-l--level-h4-normal":"_Heading--narrow-l--level-h4-normal_1ucgn_108","Heading--narrow-l--level-h4-large":"_Heading--narrow-l--level-h4-large_1ucgn_114","Heading--narrow-l--level-h5-normal":"_Heading--narrow-l--level-h5-normal_1ucgn_120","Heading--narrow-l--level-h5-large":"_Heading--narrow-l--level-h5-large_1ucgn_126","Heading--medium-s--level-h1-normal":"_Heading--medium-s--level-h1-normal_1ucgn_134","Heading--medium-s--level-h1-large":"_Heading--medium-s--level-h1-large_1ucgn_140","Heading--medium-s--level-h2-normal":"_Heading--medium-s--level-h2-normal_1ucgn_146","Heading--medium-s--level-h2-large":"_Heading--medium-s--level-h2-large_1ucgn_152","Heading--medium-s--level-h3-normal":"_Heading--medium-s--level-h3-normal_1ucgn_158","Heading--medium-s--level-h3-large":"_Heading--medium-s--level-h3-large_1ucgn_164","Heading--medium-s--level-h4-normal":"_Heading--medium-s--level-h4-normal_1ucgn_170","Heading--medium-s--level-h4-large":"_Heading--medium-s--level-h4-large_1ucgn_176","Heading--medium-s--level-h5-normal":"_Heading--medium-s--level-h5-normal_1ucgn_182","Heading--medium-s--level-h5-large":"_Heading--medium-s--level-h5-large_1ucgn_188","Heading--medium-l--level-h1-normal":"_Heading--medium-l--level-h1-normal_1ucgn_196","Heading--medium-l--level-h1-large":"_Heading--medium-l--level-h1-large_1ucgn_202","Heading--medium-l--level-h2-normal":"_Heading--medium-l--level-h2-normal_1ucgn_208","Heading--medium-l--level-h2-large":"_Heading--medium-l--level-h2-large_1ucgn_214","Heading--medium-l--level-h3-normal":"_Heading--medium-l--level-h3-normal_1ucgn_220","Heading--medium-l--level-h3-large":"_Heading--medium-l--level-h3-large_1ucgn_226","Heading--medium-l--level-h4-normal":"_Heading--medium-l--level-h4-normal_1ucgn_232","Heading--medium-l--level-h4-large":"_Heading--medium-l--level-h4-large_1ucgn_238","Heading--medium-l--level-h5-normal":"_Heading--medium-l--level-h5-normal_1ucgn_244","Heading--medium-l--level-h5-large":"_Heading--medium-l--level-h5-large_1ucgn_250","Heading--wide-s--level-h1-normal":"_Heading--wide-s--level-h1-normal_1ucgn_258","Heading--wide-s--level-h1-large":"_Heading--wide-s--level-h1-large_1ucgn_264","Heading--wide-s--level-h2-normal":"_Heading--wide-s--level-h2-normal_1ucgn_270","Heading--wide-s--level-h2-large":"_Heading--wide-s--level-h2-large_1ucgn_276","Heading--wide-s--level-h3-normal":"_Heading--wide-s--level-h3-normal_1ucgn_282","Heading--wide-s--level-h3-large":"_Heading--wide-s--level-h3-large_1ucgn_288","Heading--wide-s--level-h4-normal":"_Heading--wide-s--level-h4-normal_1ucgn_294","Heading--wide-s--level-h4-large":"_Heading--wide-s--level-h4-large_1ucgn_300","Heading--wide-s--level-h5-normal":"_Heading--wide-s--level-h5-normal_1ucgn_306","Heading--wide-s--level-h5-large":"_Heading--wide-s--level-h5-large_1ucgn_312","Heading--wide-l--level-h1-normal":"_Heading--wide-l--level-h1-normal_1ucgn_320","Heading--wide-l--level-h1-large":"_Heading--wide-l--level-h1-large_1ucgn_326","Heading--wide-l--level-h2-normal":"_Heading--wide-l--level-h2-normal_1ucgn_332","Heading--wide-l--level-h2-large":"_Heading--wide-l--level-h2-large_1ucgn_338","Heading--wide-l--level-h3-normal":"_Heading--wide-l--level-h3-normal_1ucgn_344","Heading--wide-l--level-h3-large":"_Heading--wide-l--level-h3-large_1ucgn_350","Heading--wide-l--level-h4-normal":"_Heading--wide-l--level-h4-normal_1ucgn_356","Heading--wide-l--level-h4-large":"_Heading--wide-l--level-h4-large_1ucgn_362","Heading--wide-l--level-h5-normal":"_Heading--wide-l--level-h5-normal_1ucgn_368","Heading--wide-l--level-h5-large":"_Heading--wide-l--level-h5-large_1ucgn_374","Heading--variant-massive":"_Heading--variant-massive_1ucgn_381","Heading--variant-huge":"_Heading--variant-huge_1ucgn_387","Heading--variant-extraLarge":"_Heading--variant-extraLarge_1ucgn_393","Heading--variant-large":"_Heading--variant-large_1ucgn_399","Heading--variant-medium":"_Heading--variant-medium_1ucgn_405","Heading--variant-small":"_Heading--variant-small_1ucgn_411","Heading--narrow-l--variant-massive":"_Heading--narrow-l--variant-massive_1ucgn_418","Heading--narrow-l--variant-huge":"_Heading--narrow-l--variant-huge_1ucgn_424","Heading--narrow-l--variant-extraLarge":"_Heading--narrow-l--variant-extraLarge_1ucgn_430","Heading--narrow-l--variant-large":"_Heading--narrow-l--variant-large_1ucgn_436","Heading--narrow-l--variant-medium":"_Heading--narrow-l--variant-medium_1ucgn_442","Heading--narrow-l--variant-small":"_Heading--narrow-l--variant-small_1ucgn_448","Heading--medium-s--variant-massive":"_Heading--medium-s--variant-massive_1ucgn_456","Heading--medium-s--variant-huge":"_Heading--medium-s--variant-huge_1ucgn_462","Heading--medium-s--variant-extraLarge":"_Heading--medium-s--variant-extraLarge_1ucgn_468","Heading--medium-s--variant-large":"_Heading--medium-s--variant-large_1ucgn_474","Heading--medium-s--variant-medium":"_Heading--medium-s--variant-medium_1ucgn_480","Heading--medium-s--variant-small":"_Heading--medium-s--variant-small_1ucgn_486","Heading--medium-l--variant-massive":"_Heading--medium-l--variant-massive_1ucgn_494","Heading--medium-l--variant-huge":"_Heading--medium-l--variant-huge_1ucgn_500","Heading--medium-l--variant-extraLarge":"_Heading--medium-l--variant-extraLarge_1ucgn_506","Heading--medium-l--variant-large":"_Heading--medium-l--variant-large_1ucgn_512","Heading--medium-l--variant-medium":"_Heading--medium-l--variant-medium_1ucgn_518","Heading--medium-l--variant-small":"_Heading--medium-l--variant-small_1ucgn_524","Heading--wide-s--variant-massive":"_Heading--wide-s--variant-massive_1ucgn_532","Heading--wide-s--variant-huge":"_Heading--wide-s--variant-huge_1ucgn_538","Heading--wide-s--variant-extraLarge":"_Heading--wide-s--variant-extraLarge_1ucgn_544","Heading--wide-s--variant-large":"_Heading--wide-s--variant-large_1ucgn_550","Heading--wide-s--variant-medium":"_Heading--wide-s--variant-medium_1ucgn_556","Heading--wide-s--variant-small":"_Heading--wide-s--variant-small_1ucgn_562","Heading--wide-l--variant-massive":"_Heading--wide-l--variant-massive_1ucgn_570","Heading--wide-l--variant-huge":"_Heading--wide-l--variant-huge_1ucgn_576","Heading--wide-l--variant-extraLarge":"_Heading--wide-l--variant-extraLarge_1ucgn_582","Heading--wide-l--variant-large":"_Heading--wide-l--variant-large_1ucgn_588","Heading--wide-l--variant-medium":"_Heading--wide-l--variant-medium_1ucgn_594","Heading--wide-l--variant-small":"_Heading--wide-l--variant-small_1ucgn_600"},me=n.forwardRef(function({children:e,variant:t,accent:i,level:l,large:u=!1,tag:r,color:_,centered:c,dataset:v,id:d,...b},p){const z=r||l||"h1",m=k(de,H.Heading,t?g("variant",t):B(`level-${l}-large`,`level-${l}-normal`,u)),o=se(c),x=te(!(i?void 0:_),i),I=ie(_),C=["preply-ds-heading",...m,...o,...x,...I],w={...M(b),className:C.join(" "),...O(v,{preplyDsComponent:H.Heading}),id:d,ref:p};return s.jsx(z,{...w,children:e})});me.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const Be="_Spinner_1x6u0_12",ge="_spin_1x6u0_1",j={Spinner:Be,"Spinner--size-default":"_Spinner--size-default_1x6u0_15","Spinner--size-large":"_Spinner--size-large_1x6u0_19","Spinner--narrow-l--size-default":"_Spinner--narrow-l--size-default_1x6u0_24","Spinner--narrow-l--size-large":"_Spinner--narrow-l--size-large_1x6u0_28","Spinner--medium-s--size-default":"_Spinner--medium-s--size-default_1x6u0_34","Spinner--medium-s--size-large":"_Spinner--medium-s--size-large_1x6u0_38","Spinner--medium-l--size-default":"_Spinner--medium-l--size-default_1x6u0_44","Spinner--medium-l--size-large":"_Spinner--medium-l--size-large_1x6u0_48","Spinner--wide-s--size-default":"_Spinner--wide-s--size-default_1x6u0_54","Spinner--wide-s--size-large":"_Spinner--wide-s--size-large_1x6u0_58","Spinner--wide-l--size-default":"_Spinner--wide-l--size-default_1x6u0_64","Spinner--wide-l--size-large":"_Spinner--wide-l--size-large_1x6u0_68","Spinner--static":"_Spinner--static_1x6u0_73","Spinner--animated":"_Spinner--animated_1x6u0_79",spin:ge},ce=({title:a,titleId:e,...t},i)=>n.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:i,"aria-labelledby":e,...t},a?n.createElement("title",{id:e},a):null,n.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 12a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm7 0a2 2 0 1 1 4 0 2 2 0 0 1-4 0Zm9-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4Z"})),ve=n.forwardRef(ce),we=({title:a,titleId:e,...t},i)=>n.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:i,"aria-labelledby":e,...t},a?n.createElement("title",{id:e},a):null,n.createElement("g",{clipPath:"url(#clip0_1785_4234)"},n.createElement("path",{d:"M30 15.9996C30.0002 18.5815 29.2863 21.1132 27.9373 23.3148C26.5884 25.5163 24.6569 27.302 22.3564 28.4743C20.0559 29.6465 17.476 30.1598 14.902 29.9573C12.328 29.7548 9.86014 28.8444 7.77126 27.3269C5.68238 25.8093 4.05386 23.7436 3.06576 21.3582C2.07765 18.9728 1.76846 16.3606 2.17236 13.8104C2.57627 11.2602 3.67753 8.8714 5.35439 6.90808C7.03126 4.94475 9.2184 3.48339 11.674 2.68557",strokeWidth:3,strokeLinecap:"round",strokeLinejoin:"round"}),n.createElement("path",{opacity:.3,d:"M16 29.9996C23.732 29.9996 30 23.7316 30 15.9996C30 8.26758 23.732 1.99956 16 1.99956C8.26801 1.99956 2 8.26758 2 15.9996C2 23.7316 8.26801 29.9996 16 29.9996Z",strokeWidth:3,strokeLinejoin:"round"})),n.createElement("defs",null,n.createElement("clipPath",{id:"clip0_1785_4234"},n.createElement("rect",{width:32,height:32,fill:"white"})))),he=n.forwardRef(we),E="Spinner",ye=({size:a=oe})=>{const e=k(j,E,[g("size",a)]),t=[...y(j,E,["animated"])],i=[...y(j,E,["static"])];return s.jsxs("span",{className:e.join(" "),children:[s.jsx("span",{className:t.join(" "),children:s.jsx(he,{})}),s.jsx("span",{className:i.join(" "),children:s.jsx(ve,{})})]})},Z=(a,e)=>{typeof a=="function"?a(e):a&&(a.current=e)},ze=(a,e)=>n.useCallback(t=>{Z(a,t),Z(e,t)},[a,e]),He="_ButtonBase_1lsy8_51",L={"button-width--width-full":"_button-width--width-full_1lsy8_5","button-width--width-auto":"_button-width--width-auto_1lsy8_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_1lsy8_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_1lsy8_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_1lsy8_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_1lsy8_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_1lsy8_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_1lsy8_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_1lsy8_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_1lsy8_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_1lsy8_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_1lsy8_47",ButtonBase:He,"ButtonBase--content":"_ButtonBase--content_1lsy8_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_1lsy8_84","ButtonBase--busy":"_ButtonBase--busy_1lsy8_91","ButtonBase--is-busy":"_ButtonBase--is-busy_1lsy8_114","ButtonBase--width-full":"_ButtonBase--width-full_1lsy8_121","ButtonBase--width-auto":"_ButtonBase--width-auto_1lsy8_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_1lsy8_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_1lsy8_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_1lsy8_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_1lsy8_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_1lsy8_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_1lsy8_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_1lsy8_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_1lsy8_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_1lsy8_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_1lsy8_163","ButtonBase--size-xs":"_ButtonBase--size-xs_1lsy8_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_1lsy8_176","ButtonBase--size-s":"_ButtonBase--size-s_1lsy8_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_1lsy8_190","ButtonBase--size-m":"_ButtonBase--size-m_1lsy8_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_1lsy8_204","ButtonBase--size-l":"_ButtonBase--size-l_1lsy8_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_1lsy8_218","ButtonBase--size-xl":"_ButtonBase--size-xl_1lsy8_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_1lsy8_232","ButtonBase--size-large":"_ButtonBase--size-large_1lsy8_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_1lsy8_246","ButtonBase--size-medium":"_ButtonBase--size-medium_1lsy8_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_1lsy8_260","ButtonBase--size-small":"_ButtonBase--size-small_1lsy8_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_1lsy8_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_1lsy8_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_1lsy8_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_1lsy8_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_1lsy8_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_1lsy8_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_1lsy8_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_1lsy8_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_1lsy8_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_1lsy8_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_1lsy8_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_1lsy8_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_1lsy8_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_1lsy8_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_1lsy8_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_1lsy8_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_1lsy8_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_1lsy8_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_1lsy8_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_1lsy8_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_1lsy8_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_1lsy8_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_1lsy8_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_1lsy8_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_1lsy8_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_1lsy8_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_1lsy8_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_1lsy8_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_1lsy8_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_1lsy8_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_1lsy8_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_1lsy8_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_1lsy8_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_1lsy8_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_1lsy8_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_1lsy8_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_1lsy8_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_1lsy8_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_1lsy8_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_1lsy8_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_1lsy8_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_1lsy8_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_1lsy8_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_1lsy8_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_1lsy8_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_1lsy8_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_1lsy8_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_1lsy8_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_1lsy8_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_1lsy8_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_1lsy8_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_1lsy8_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_1lsy8_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_1lsy8_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_1lsy8_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_1lsy8_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_1lsy8_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_1lsy8_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_1lsy8_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_1lsy8_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_1lsy8_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_1lsy8_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_1lsy8_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_1lsy8_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_1lsy8_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_1lsy8_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_1lsy8_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_1lsy8_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_1lsy8_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_1lsy8_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_1lsy8_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_1lsy8_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_1lsy8_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_1lsy8_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_1lsy8_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_1lsy8_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_1lsy8_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_1lsy8_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_1lsy8_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_1lsy8_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_1lsy8_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_1lsy8_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_1lsy8_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_1lsy8_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_1lsy8_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_1lsy8_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_1lsy8_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_1lsy8_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_1lsy8_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_1lsy8_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_1lsy8_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_1lsy8_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_1lsy8_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_1lsy8_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_1lsy8_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_1lsy8_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_1lsy8_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_1lsy8_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_1lsy8_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_1lsy8_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_1lsy8_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_1lsy8_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_1lsy8_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_1lsy8_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_1lsy8_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_1lsy8_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_1lsy8_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_1lsy8_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_1lsy8_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_1lsy8_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_1lsy8_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_1lsy8_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_1lsy8_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_1lsy8_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1lsy8_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1lsy8_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_1lsy8_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1lsy8_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1lsy8_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_1lsy8_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_1lsy8_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_1lsy8_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_1lsy8_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_1lsy8_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_1lsy8_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_1lsy8_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_1lsy8_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_1lsy8_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_1lsy8_1240"},R="ButtonBase",be=a=>Object.prototype.hasOwnProperty.call(a,"selected"),T=({children:a,busy:e})=>{const t=[...y(L,R,["content"])],i=[...y(L,R,["busy"])];return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:t.join(" "),children:a}),e&&s.jsx("span",{className:i.join(" "),children:s.jsx(ye,{})})]})},W=n.forwardRef(function(e,t){const{variant:i=V,size:l=K,fullWidth:u=!1,wrap:r=!1,href:_,download:c,opensInNewTab:v,nofollow:d,submitsForm:b,assistiveText:p,onClick:z,disabled:m,busy:o,isIconButton:f,as:S,url:x,a11yLabel:I,dataset:C,children:w,dsInternalSimulation:G,preplyDsComponent:J,...Q}=e,{selected:X}=be(e)?e:{selected:void 0},Y=ue(),F=n.useRef(null),D=ze(F,t),ee=h=>{(m||o)&&h.preventDefault(),z==null||z(h)},ae=h=>{var A;const q=re(h.key);(q===" "||q==="Enter")&&(h.preventDefault(),(A=F.current)==null||A.click())},ne=k(L,R,[g(`variant-${i}--dsInternalSimulation`,G),g("variant",i),g("size",l),f?g("is-icon-button-size",l):[],B(void 0,"no-wrap",r),B("width-full","width-auto",u),B("is-busy",void 0,o),B("is-icon-button",void 0,f),B(`variant-${i}--is-selected`,void 0,X)]),P={...M(Q),...O(C,{preplyDsComponent:J}),className:ne.join(" "),"aria-label":p||I,onClick:ee,disabled:m,"aria-disabled":m||o?!0:void 0,ref:D},N=_||x,$={...P,download:c,ref:D,role:"button",tabIndex:m?-1:0,href:N,onKeyDown:ae};return N?s.jsx("a",{...$,...le(Y,N,v,d),children:T({children:w,busy:o})}):S?n.cloneElement(S,{...$},T({children:w,busy:o})):s.jsx("button",{...P,type:b?"submit":"button",children:T({children:w,busy:o})})});W.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const pe={"Button--icon":"_Button--icon_3o0wv_5"},fe=n.forwardRef(function({variant:e=V,size:t=K,url:i,a11yLabel:l,leadingSvgIcon:u,trailingSvgIcon:r,children:_,...c},v){const d=[...y(pe,H.Button,["icon"])];return s.jsxs(W,{...c,ref:v,isIconButton:!1,variant:e,size:t,url:i,a11yLabel:l,preplyDsComponent:H.Button,children:[!!u&&s.jsx("span",{className:d.join(" "),children:U(u,{"aria-hidden":"true",focusable:"false"})}),_,!!r&&s.jsx("span",{className:d.join(" "),children:U(r,{"aria-hidden":"true",focusable:"false"})})]})});fe.__docgenInfo={description:"",methods:[],displayName:"Button",props:{variant:{defaultValue:{value:"'primary'",computed:!1},required:!1},size:{defaultValue:{value:"'s'",computed:!1},required:!1}}};export{fe as B,me as H,ye as S,W as a};

package/dist/assets/{Button.stories-C3ImqpQo.js → Button.stories-DUHAAHTV.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{F as e}from"./TokyoUIFav-DOVerCtW.js";import{I as r}from"./IconButton-DMtc1AqT.js";import{B as a}from"./Button-Dy26oY0t.js";import{S as y}from"./consts-KAYct7Gj.js";import{g as m}from"./getTokenVar-DU_DEzTd.js";import{c as x}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-C6zIOZ7w.js";import"./Spinner-DgGnJd2k.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-Bwls0I02.js";import"./constants-BgBLeZzp.js";const ct={title:"components/Button",component:a,subcomponents:{IconButton:r},argTypes:{size:{description:y},fullWidth:{description:y}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(a,{children:"Button"}),t.jsx(a,{leadingSvgIcon:e,children:"Button"}),t.jsx(a,{trailingSvgIcon:e,children:"Button"}),t.jsx(r,{svg:e,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const v=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(a,{variant:"primary",children:"Primary"}),t.jsx(a,{variant:"secondary",children:"Secondary"}),t.jsx(a,{variant:"tertiary",children:"Tertiary"}),t.jsx(a,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(a,{variant:"inverted",children:"Inverted"})}),t.jsx(a,{variant:"critical",children:"Critical"}),t.jsx(a,{variant:"onColor",children:"onColor"})]})},c=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(r,{variant:"primary",svg:e,assistiveText:"primary"}),t.jsx(r,{variant:"secondary",svg:e,assistiveText:"secondary"}),t.jsx(r,{variant:"tertiary",svg:e,assistiveText:"tertiary"}),t.jsx(r,{variant:"ghost",svg:e,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(r,{variant:"inverted",svg:e,assistiveText:"inverted"})}),t.jsx(r,{variant:"critical",svg:e,assistiveText:"critical"}),t.jsx(r,{variant:"onColor",svg:e,assistiveText:"onColor"})]})};c.storyName="Variants (IconButton)";const u=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{variant:"ai",children:"AI"}),t.jsx(r,{variant:"ai",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(a,{variant:"classroom",children:"Classroom"}),t.jsx(r,{variant:"classroom",svg:e,assistiveText:"Fav"})]})]})},p=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"small",children:"Small"}),t.jsx(r,{size:"small",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"medium",children:"Medium"}),t.jsx(r,{size:"medium",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"large",children:"Large"}),t.jsx(r,{size:"large",svg:e,assistiveText:"Fav"})]})]}),l=()=>t.jsx(a,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const d=()=>{const o=m(x.background.primaryInverted);return t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(s=>t.jsxs("div",{style:{display:"flex",gap:"0.25rem",backgroundColor:s==="inverted"||s==="classroom"?o:void 0},children:[t.jsx(a,{size:n,variant:s,children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav"}),t.jsx(a,{size:n,variant:s,leadingSvgIcon:e,children:"Button"}),t.jsx(a,{size:n,variant:s,trailingSvgIcon:e,children:"Button"}),t.jsx(a,{size:n,variant:s,busy:!0,assistiveText:"Fav",children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav",busy:!0}),t.jsx(a,{size:n,variant:s,disabled:!0,children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav",disabled:!0})]},`${n}-${s}`)))})};d.tags=["!autodocs"];const g={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:n})=>t.jsx("div",{style:{backgroundColor:n.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":e},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":e},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,b,h;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
+import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{F as e}from"./TokyoUIFav-DOVerCtW.js";import{I as r}from"./IconButton-C3AcGEY7.js";import{B as a}from"./Button-CWNujLtP.js";import{S as y}from"./consts-KAYct7Gj.js";import{g as m}from"./getTokenVar-DU_DEzTd.js";import{c as x}from"./tokens-Di5DrZN4.js";import"./index-ChsGqxH_.js";import"./index-Cb9e4tly.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./render-icon-BT0Aq7PA.js";import"./ButtonBase-CJjNfOwu.js";import"./Spinner-Iaah9nUJ.js";import"./classNames-BUL1Zq7e.js";import"./defaults-B1rzzf6M.js";import"./filterHTMLAttributes-DYdLqcvH.js";import"./useHostname-Y3PlXofY.js";import"./index-DdzHuZ-Y.js";import"./index-CC6DAVyL.js";import"./componentNames-Bwls0I02.js";import"./constants-BgBLeZzp.js";const ct={title:"components/Button",component:a,subcomponents:{IconButton:r},argTypes:{size:{description:y},fullWidth:{description:y}}},i=()=>t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(a,{children:"Button"}),t.jsx(a,{leadingSvgIcon:e,children:"Button"}),t.jsx(a,{trailingSvgIcon:e,children:"Button"}),t.jsx(r,{svg:e,assistiveText:"Favourite"})]});i.tags=["!autodocs","!test"];i.parameters={chromatic:{disableSnapshot:!0}};const v=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(a,{variant:"primary",children:"Primary"}),t.jsx(a,{variant:"secondary",children:"Secondary"}),t.jsx(a,{variant:"tertiary",children:"Tertiary"}),t.jsx(a,{variant:"ghost",children:"Ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(a,{variant:"inverted",children:"Inverted"})}),t.jsx(a,{variant:"critical",children:"Critical"}),t.jsx(a,{variant:"onColor",children:"onColor"})]})},c=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"1rem"},children:[t.jsx(r,{variant:"primary",svg:e,assistiveText:"primary"}),t.jsx(r,{variant:"secondary",svg:e,assistiveText:"secondary"}),t.jsx(r,{variant:"tertiary",svg:e,assistiveText:"tertiary"}),t.jsx(r,{variant:"ghost",svg:e,assistiveText:"ghost"}),t.jsx("div",{style:{backgroundColor:o,borderRadius:"8px"},children:t.jsx(r,{variant:"inverted",svg:e,assistiveText:"inverted"})}),t.jsx(r,{variant:"critical",svg:e,assistiveText:"critical"}),t.jsx(r,{variant:"onColor",svg:e,assistiveText:"onColor"})]})};c.storyName="Variants (IconButton)";const u=()=>{const o=m(x.background.primaryInverted);return t.jsxs("div",{style:{display:"flex",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{variant:"ai",children:"AI"}),t.jsx(r,{variant:"ai",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px",backgroundColor:o},children:[t.jsx(a,{variant:"classroom",children:"Classroom"}),t.jsx(r,{variant:"classroom",svg:e,assistiveText:"Fav"})]})]})},p=()=>t.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"small",children:"Small"}),t.jsx(r,{size:"small",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"medium",children:"Medium"}),t.jsx(r,{size:"medium",svg:e,assistiveText:"Fav"})]}),t.jsxs("div",{style:{display:"flex",gap:"4px"},children:[t.jsx(a,{size:"large",children:"Large"}),t.jsx(r,{size:"large",svg:e,assistiveText:"Fav"})]})]}),l=()=>t.jsx(a,{wrap:!0,children:"Do the really quite unusually long thing"});l.tags=["!autodocs"];l.decorators=[o=>t.jsx("div",{style:{width:"200px"},children:o()})];const d=()=>{const o=m(x.background.primaryInverted);return t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"0.5rem"},children:["small","medium","large"].map(n=>["primary","secondary","tertiary","ghost","inverted","critical","ai","onColor","classroom"].map(s=>t.jsxs("div",{style:{display:"flex",gap:"0.25rem",backgroundColor:s==="inverted"||s==="classroom"?o:void 0},children:[t.jsx(a,{size:n,variant:s,children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav"}),t.jsx(a,{size:n,variant:s,leadingSvgIcon:e,children:"Button"}),t.jsx(a,{size:n,variant:s,trailingSvgIcon:e,children:"Button"}),t.jsx(a,{size:n,variant:s,busy:!0,assistiveText:"Fav",children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav",busy:!0}),t.jsx(a,{size:n,variant:s,disabled:!0,children:"Button"}),t.jsx(r,{size:n,variant:s,svg:e,assistiveText:"Fav",disabled:!0})]},`${n}-${s}`)))})};d.tags=["!autodocs"];const g={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(o,{args:n})=>t.jsx("div",{style:{backgroundColor:n.variant==="inverted"?"black":void 0},children:o()})],args:{children:"Button",dataset:{qaid:"button"}},argTypes:{children:{control:"text"},dataset:{control:"object"},assistiveText:{control:"text"},disabled:{control:"boolean"},fullWidth:{control:"boolean"},wrap:{control:"boolean"},href:{control:"text"},download:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},submitsForm:{control:"boolean"},busy:{control:"boolean"},leadingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":e},control:"select"},trailingSvgIcon:{options:["None","With Icon"],mapping:{None:void 0,"With Icon":e},control:"select"},url:{table:{disable:!0}},a11yLabel:{table:{disable:!0}}}};var B,b,h;i.parameters={...i.parameters,docs:{...(B=i.parameters)==null?void 0:B.docs,source:{originalSource:`() => <div style={{
   display: 'flex',
   gap: '1rem'
 }}>

package/dist/assets/ButtonBase-CJjNfOwu.js

@@ -0,0 +1,8 @@
+import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r}from"./index-Cb9e4tly.js";import{S as J}from"./Spinner-Iaah9nUJ.js";import{f as X}from"./filterHTMLAttributes-DYdLqcvH.js";import{a as Z,B as G}from"./defaults-B1rzzf6M.js";import{u as Q}from"./useHostname-Y3PlXofY.js";import{m as Y,s as B,b as u,a as x}from"./classNames-BUL1Zq7e.js";import{g as tt,a as et}from"./index-DdzHuZ-Y.js";import{m as st}from"./index-CC6DAVyL.js";const at="_ButtonBase_1lsy8_51",y={"button-width--width-full":"_button-width--width-full_1lsy8_5","button-width--width-auto":"_button-width--width-auto_1lsy8_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_1lsy8_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_1lsy8_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_1lsy8_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_1lsy8_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_1lsy8_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_1lsy8_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_1lsy8_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_1lsy8_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_1lsy8_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_1lsy8_47",ButtonBase:at,"ButtonBase--content":"_ButtonBase--content_1lsy8_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_1lsy8_84","ButtonBase--busy":"_ButtonBase--busy_1lsy8_91","ButtonBase--is-busy":"_ButtonBase--is-busy_1lsy8_114","ButtonBase--width-full":"_ButtonBase--width-full_1lsy8_121","ButtonBase--width-auto":"_ButtonBase--width-auto_1lsy8_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_1lsy8_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_1lsy8_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_1lsy8_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_1lsy8_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_1lsy8_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_1lsy8_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_1lsy8_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_1lsy8_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_1lsy8_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_1lsy8_163","ButtonBase--size-xs":"_ButtonBase--size-xs_1lsy8_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_1lsy8_176","ButtonBase--size-s":"_ButtonBase--size-s_1lsy8_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_1lsy8_190","ButtonBase--size-m":"_ButtonBase--size-m_1lsy8_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_1lsy8_204","ButtonBase--size-l":"_ButtonBase--size-l_1lsy8_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_1lsy8_218","ButtonBase--size-xl":"_ButtonBase--size-xl_1lsy8_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_1lsy8_232","ButtonBase--size-large":"_ButtonBase--size-large_1lsy8_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_1lsy8_246","ButtonBase--size-medium":"_ButtonBase--size-medium_1lsy8_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_1lsy8_260","ButtonBase--size-small":"_ButtonBase--size-small_1lsy8_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_1lsy8_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_1lsy8_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_1lsy8_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_1lsy8_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_1lsy8_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_1lsy8_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_1lsy8_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_1lsy8_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_1lsy8_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_1lsy8_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_1lsy8_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_1lsy8_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_1lsy8_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_1lsy8_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_1lsy8_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_1lsy8_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_1lsy8_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_1lsy8_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_1lsy8_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_1lsy8_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_1lsy8_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_1lsy8_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_1lsy8_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_1lsy8_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_1lsy8_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_1lsy8_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_1lsy8_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_1lsy8_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_1lsy8_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_1lsy8_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_1lsy8_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_1lsy8_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_1lsy8_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_1lsy8_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_1lsy8_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_1lsy8_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_1lsy8_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_1lsy8_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_1lsy8_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_1lsy8_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_1lsy8_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_1lsy8_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_1lsy8_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_1lsy8_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_1lsy8_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_1lsy8_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_1lsy8_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_1lsy8_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_1lsy8_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_1lsy8_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_1lsy8_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_1lsy8_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_1lsy8_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_1lsy8_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_1lsy8_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_1lsy8_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_1lsy8_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_1lsy8_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_1lsy8_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_1lsy8_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_1lsy8_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_1lsy8_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_1lsy8_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_1lsy8_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_1lsy8_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_1lsy8_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_1lsy8_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_1lsy8_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_1lsy8_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_1lsy8_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_1lsy8_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_1lsy8_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_1lsy8_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_1lsy8_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_1lsy8_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_1lsy8_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_1lsy8_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_1lsy8_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_1lsy8_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_1lsy8_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_1lsy8_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_1lsy8_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_1lsy8_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_1lsy8_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_1lsy8_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_1lsy8_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_1lsy8_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_1lsy8_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_1lsy8_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_1lsy8_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_1lsy8_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_1lsy8_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_1lsy8_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_1lsy8_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_1lsy8_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_1lsy8_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_1lsy8_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_1lsy8_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_1lsy8_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_1lsy8_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_1lsy8_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_1lsy8_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_1lsy8_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_1lsy8_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_1lsy8_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_1lsy8_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_1lsy8_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_1lsy8_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_1lsy8_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_1lsy8_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_1lsy8_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_1lsy8_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_1lsy8_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_1lsy8_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1lsy8_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1lsy8_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_1lsy8_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1lsy8_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1lsy8_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_1lsy8_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_1lsy8_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_1lsy8_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_1lsy8_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_1lsy8_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_1lsy8_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_1lsy8_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_1lsy8_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_1lsy8_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_1lsy8_1240"},T=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},nt=(t,e)=>r.useCallback(a=>{T(t,a),T(e,a)},[t,e]),v="ButtonBase",it=t=>Object.prototype.hasOwnProperty.call(t,"selected"),c=({children:t,busy:e})=>{const a=[...x(y,v,["content"])],i=[...x(y,v,["busy"])];return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:a.join(" "),children:t}),e&&s.jsx("span",{className:i.join(" "),children:s.jsx(J,{})})]})},q=r.forwardRef(function(e,a){const{variant:i=Z,size:w=G,fullWidth:C=!1,wrap:V=!1,href:E,download:N,opensInNewTab:k,nofollow:R,submitsForm:j,assistiveText:F,onClick:_,disabled:l,busy:n,isIconButton:z,as:b,url:L,a11yLabel:D,dataset:A,children:m,dsInternalSimulation:P,preplyDsComponent:H,...U}=e,{selected:M}=it(e)?e:{selected:void 0},O=Q(),h=r.useRef(null),p=nt(h,a),K=o=>{(l||n)&&o.preventDefault(),_==null||_(o)},W=o=>{var g;const S=st(o.key);(S===" "||S==="Enter")&&(o.preventDefault(),(g=h.current)==null||g.click())},$=Y(y,v,[B(`variant-${i}--dsInternalSimulation`,P),B("variant",i),B("size",w),z?B("is-icon-button-size",w):[],u(void 0,"no-wrap",V),u("width-full","width-auto",C),u("is-busy",void 0,n),u("is-icon-button",void 0,z),u(`variant-${i}--is-selected`,void 0,M)]),f={...X(U),...tt(A,{preplyDsComponent:H}),className:$.join(" "),"aria-label":F||D,onClick:K,disabled:l,"aria-disabled":l||n?!0:void 0,ref:p},d=E||L,I={...f,download:N,ref:p,role:"button",tabIndex:l?-1:0,href:d,onKeyDown:W};return d?s.jsx("a",{...I,...et(O,d,k,R),children:c({children:m,busy:n})}):b?r.cloneElement(b,{...I},c({children:m,busy:n})):s.jsx("button",{...f,type:j?"submit":"button",children:c({children:m,busy:n})})});try{q.displayName="ButtonBase",q.__docgenInfo={description:"",displayName:"ButtonBase",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"primary"'},{value:'"secondary"'},{value:'"tertiary"'},{value:'"quaternary"'},{value:'"ghost"'},{value:'"plain"'},{value:'"dangerous"'},{value:'"critical"'},{value:'"onColor"'},{value:'"classroom"'},{value:'"primaryB2b"'},{value:'"primaryTutor"'},{value:'"inverted"'},{value:'"newFeature"'},{value:'"ai"'}]}},size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"large"'},{value:'"medium"'},{value:'"small"'},{value:"ResponsiveProp<ButtonSize>"}]}},fullWidth:{defaultValue:null,description:"",name:"fullWidth",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},wrap:{defaultValue:null,description:"",name:"wrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:"",name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},submitsForm:{defaultValue:null,description:"",name:"submitsForm",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},busy:{defaultValue:null,description:"Replaces the content with a loading indicator.",name:"busy",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},isIconButton:{defaultValue:null,description:"",name:"isIconButton",required:!0,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},as:{defaultValue:null,description:`Custom element to render the button.
+
+Allows rendering the button using a different React element or component.
+This is particularly useful for integrating with router libraries like \`react-router\` or \`next/router\`.
+@example // Render as a react router link component
+import { Link } from 'react-router-dom';
+
+<ButtonBase as={<Link to="/home" />} />`,name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},a11yLabel:{defaultValue:null,description:"@deprecated Use `assistiveText` instead",name:"a11yLabel",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},preplyDsComponent:{defaultValue:null,description:"@see getDatasetProps",name:"preplyDsComponent",required:!0,type:{name:"string"}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | HTMLButtonElement | null) => void"},{value:"RefObject<HTMLAnchorElement | HTMLButtonElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}},selected:{defaultValue:null,description:"",name:"selected",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}}}}}catch{}export{q as B};

package/dist/assets/{ButtonBase-CZ1X_2UT.css → ButtonBase-ixkzvA2i.css}

@@ -1 +1 @@
-._button-width--width-full_1intu_5{width:100%}._button-width--width-auto_1intu_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_1intu_12{width:100%}._button-width--narrow-l--width-auto_1intu_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_1intu_20{width:100%}._button-width--medium-s--width-auto_1intu_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_1intu_28{width:100%}._button-width--medium-l--width-auto_1intu_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_1intu_36{width:100%}._button-width--wide-s--width-auto_1intu_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_1intu_44{width:100%}._button-width--wide-l--width-auto_1intu_47{width:auto}}._ButtonBase_1intu_51{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--aface6);position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--d61910);text-align:center;text-decoration:none;background-color:transparent;border-radius:var(--8d5131);border-width:var(--0b1b71);border-style:solid;border-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;height:fit-content;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._ButtonBase--content_1intu_77{display:inline-flex;align-items:center;gap:var(--0aee7b);justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_1intu_84 ._ButtonBase--content_1intu_77 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_1intu_84 ._ButtonBase--content_1intu_77 svg path{fill:currentColor}._ButtonBase--busy_1intu_91{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}._ButtonBase_1intu_51[disabled],._ButtonBase_1intu_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_1intu_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_1intu_114{cursor:default;pointer-events:none}._ButtonBase--is-busy_1intu_114 ._ButtonBase--content_1intu_77{visibility:hidden}._ButtonBase--width-full_1intu_121{width:100%}._ButtonBase--width-auto_1intu_124{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_1intu_128{width:100%}._ButtonBase--narrow-l--width-auto_1intu_131{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_1intu_136{width:100%}._ButtonBase--medium-s--width-auto_1intu_139{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_1intu_144{width:100%}._ButtonBase--medium-l--width-auto_1intu_147{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_1intu_152{width:100%}._ButtonBase--wide-s--width-auto_1intu_155{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_1intu_160{width:100%}._ButtonBase--wide-l--width-auto_1intu_163{width:auto}}._ButtonBase--size-xs_1intu_167{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--is-icon-button-size-xs_1intu_176{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_1intu_181{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--is-icon-button-size-s_1intu_190{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_1intu_195{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--is-icon-button-size-m_1intu_204{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_1intu_209{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--is-icon-button-size-l_1intu_218{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_1intu_223{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--is-icon-button-size-xl_1intu_232{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_1intu_237{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--is-icon-button-size-large_1intu_246{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_1intu_251{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--is-icon-button-size-medium_1intu_260{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_1intu_265{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--is-icon-button-size-small_1intu_274{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_1intu_280{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--narrow-l--is-icon-button-size-xs_1intu_289{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_1intu_294{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--narrow-l--is-icon-button-size-s_1intu_303{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_1intu_308{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--narrow-l--is-icon-button-size-m_1intu_317{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_1intu_322{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--narrow-l--is-icon-button-size-l_1intu_331{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_1intu_336{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--narrow-l--is-icon-button-size-xl_1intu_345{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_1intu_350{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--narrow-l--is-icon-button-size-large_1intu_359{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_1intu_364{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--narrow-l--is-icon-button-size-medium_1intu_373{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_1intu_378{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--narrow-l--is-icon-button-size-small_1intu_387{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_1intu_394{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-s--is-icon-button-size-xs_1intu_403{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_1intu_408{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-s--is-icon-button-size-s_1intu_417{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_1intu_422{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-s--is-icon-button-size-m_1intu_431{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_1intu_436{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-s--is-icon-button-size-l_1intu_445{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_1intu_450{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-s--is-icon-button-size-xl_1intu_459{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_1intu_464{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-s--is-icon-button-size-large_1intu_473{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_1intu_478{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-s--is-icon-button-size-medium_1intu_487{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_1intu_492{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-s--is-icon-button-size-small_1intu_501{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_1intu_508{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-l--is-icon-button-size-xs_1intu_517{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_1intu_522{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-l--is-icon-button-size-s_1intu_531{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_1intu_536{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-l--is-icon-button-size-m_1intu_545{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_1intu_550{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-l--is-icon-button-size-l_1intu_559{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_1intu_564{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-l--is-icon-button-size-xl_1intu_573{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_1intu_578{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-l--is-icon-button-size-large_1intu_587{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_1intu_592{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-l--is-icon-button-size-medium_1intu_601{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_1intu_606{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-l--is-icon-button-size-small_1intu_615{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_1intu_622{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-s--is-icon-button-size-xs_1intu_631{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_1intu_636{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-s--is-icon-button-size-s_1intu_645{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_1intu_650{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-s--is-icon-button-size-m_1intu_659{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_1intu_664{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-s--is-icon-button-size-l_1intu_673{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_1intu_678{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-s--is-icon-button-size-xl_1intu_687{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_1intu_692{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-s--is-icon-button-size-large_1intu_701{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_1intu_706{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-s--is-icon-button-size-medium_1intu_715{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_1intu_720{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-s--is-icon-button-size-small_1intu_729{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_1intu_736{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-l--is-icon-button-size-xs_1intu_745{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_1intu_750{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-l--is-icon-button-size-s_1intu_759{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_1intu_764{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-l--is-icon-button-size-m_1intu_773{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_1intu_778{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-l--is-icon-button-size-l_1intu_787{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_1intu_792{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-l--is-icon-button-size-xl_1intu_801{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_1intu_806{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-l--is-icon-button-size-large_1intu_815{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_1intu_820{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-l--is-icon-button-size-medium_1intu_829{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_1intu_834{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-l--is-icon-button-size-small_1intu_843{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_1intu_849{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_1intu_855{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_1intu_849:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_1intu_849[disabled],._ButtonBase--variant-primary_1intu_849[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_1intu_849:active,._ButtonBase--variant-primary--dsInternalSimulation-active_1intu_870{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_1intu_874{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_1intu_880{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_1intu_874:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_1intu_874[disabled],._ButtonBase--variant-secondary_1intu_874[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_1intu_874:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_1intu_895{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_1intu_899{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_1intu_905{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_1intu_899:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_1intu_899[disabled],._ButtonBase--variant-tertiary_1intu_899[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_1intu_899:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_1intu_920{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_1intu_924{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_1intu_930{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_1intu_924:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_1intu_924[disabled],._ButtonBase--variant-quaternary_1intu_924[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_1intu_924:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_1intu_945{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_1intu_949{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_1intu_955{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_1intu_949:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_1intu_949[disabled],._ButtonBase--variant-ghost_1intu_949[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_1intu_949:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_1intu_970{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_1intu_974{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_1intu_978{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_1intu_984{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_1intu_978:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_1intu_978[disabled],._ButtonBase--variant-plain_1intu_978[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_1intu_978:active,._ButtonBase--variant-plain--dsInternalSimulation-active_1intu_999{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_1intu_1003{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_1intu_1009{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_1intu_1003:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_1intu_1003[disabled],._ButtonBase--variant-dangerous_1intu_1003[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_1intu_1003:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_1intu_1024{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_1intu_1028{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_1intu_1034{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_1intu_1028:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_1intu_1028[disabled],._ButtonBase--variant-critical_1intu_1028[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_1intu_1028:active,._ButtonBase--variant-critical--dsInternalSimulation-active_1intu_1049{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_1intu_1053{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_1intu_1059{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_1intu_1053:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_1intu_1053[disabled],._ButtonBase--variant-onColor_1intu_1053[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_1intu_1053:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_1intu_1074{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_1intu_1078{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_1intu_1084{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_1intu_1078:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_1intu_1078[disabled],._ButtonBase--variant-classroom_1intu_1078[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_1intu_1078:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_1intu_1099{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_1intu_1103{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_1intu_1107{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1intu_1113{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_1intu_1107:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_1intu_1107[disabled],._ButtonBase--variant-primaryB2b_1intu_1107[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_1intu_1107:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1intu_1128{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_1intu_1132{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1intu_1138{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_1intu_1132:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_1intu_1132[disabled],._ButtonBase--variant-primaryTutor_1intu_1132[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_1intu_1132:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1intu_1153{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_1intu_1157{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_1intu_1163{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_1intu_1157:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_1intu_1157[disabled],._ButtonBase--variant-inverted_1intu_1157[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_1intu_1157:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_1intu_1178{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_1intu_1182{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_1intu_1188{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_1intu_1182:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_1intu_1182[disabled],._ButtonBase--variant-newFeature_1intu_1182[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_1intu_1182:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_1intu_1203{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_1intu_1207{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_1intu_1213{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_1intu_1207:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_1intu_1207[disabled],._ButtonBase--variant-ai_1intu_1207[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_1intu_1207:active,._ButtonBase--variant-ai--dsInternalSimulation-active_1intu_1228{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_1intu_1207{border-image:var(--0b0037)}._ButtonBase--variant-ai_1intu_1207[disabled],._ButtonBase--variant-ai_1intu_1207[disabled]:hover{border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_1intu_1240{min-width:max-content}
+._button-width--width-full_1lsy8_5{width:100%}._button-width--width-auto_1lsy8_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_1lsy8_12{width:100%}._button-width--narrow-l--width-auto_1lsy8_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_1lsy8_20{width:100%}._button-width--medium-s--width-auto_1lsy8_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_1lsy8_28{width:100%}._button-width--medium-l--width-auto_1lsy8_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_1lsy8_36{width:100%}._button-width--wide-s--width-auto_1lsy8_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_1lsy8_44{width:100%}._button-width--wide-l--width-auto_1lsy8_47{width:auto}}._ButtonBase_1lsy8_51{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--8d63e4);line-height:var(--d4313c);color:var(--aface6);position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--d61910);text-align:center;text-decoration:none;background-color:transparent;border-radius:var(--8d5131);border-width:var(--0b1b71);border-style:solid;border-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;height:fit-content;-webkit-tap-highlight-color:transparent;outline:none;-ms-touch-action:manipulation;touch-action:manipulation}._ButtonBase--content_1lsy8_77{display:inline-flex;align-items:center;gap:var(--0aee7b);justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_1lsy8_84 ._ButtonBase--content_1lsy8_77 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_1lsy8_84 ._ButtonBase--content_1lsy8_77 svg path{fill:currentColor}._ButtonBase--busy_1lsy8_91{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}._ButtonBase_1lsy8_51[disabled],._ButtonBase_1lsy8_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_1lsy8_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_1lsy8_114{cursor:default;pointer-events:none}._ButtonBase--is-busy_1lsy8_114 ._ButtonBase--content_1lsy8_77{visibility:hidden}._ButtonBase--width-full_1lsy8_121{width:100%}._ButtonBase--width-auto_1lsy8_124{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_1lsy8_128{width:100%}._ButtonBase--narrow-l--width-auto_1lsy8_131{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_1lsy8_136{width:100%}._ButtonBase--medium-s--width-auto_1lsy8_139{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_1lsy8_144{width:100%}._ButtonBase--medium-l--width-auto_1lsy8_147{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_1lsy8_152{width:100%}._ButtonBase--wide-s--width-auto_1lsy8_155{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_1lsy8_160{width:100%}._ButtonBase--wide-l--width-auto_1lsy8_163{width:auto}}._ButtonBase--size-xs_1lsy8_167{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--is-icon-button-size-xs_1lsy8_176{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_1lsy8_181{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--is-icon-button-size-s_1lsy8_190{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_1lsy8_195{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--is-icon-button-size-m_1lsy8_204{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_1lsy8_209{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--is-icon-button-size-l_1lsy8_218{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_1lsy8_223{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--is-icon-button-size-xl_1lsy8_232{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_1lsy8_237{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--is-icon-button-size-large_1lsy8_246{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_1lsy8_251{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--is-icon-button-size-medium_1lsy8_260{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_1lsy8_265{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--is-icon-button-size-small_1lsy8_274{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_1lsy8_280{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--narrow-l--is-icon-button-size-xs_1lsy8_289{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_1lsy8_294{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--narrow-l--is-icon-button-size-s_1lsy8_303{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_1lsy8_308{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--narrow-l--is-icon-button-size-m_1lsy8_317{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_1lsy8_322{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--narrow-l--is-icon-button-size-l_1lsy8_331{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_1lsy8_336{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--narrow-l--is-icon-button-size-xl_1lsy8_345{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_1lsy8_350{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--narrow-l--is-icon-button-size-large_1lsy8_359{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_1lsy8_364{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--narrow-l--is-icon-button-size-medium_1lsy8_373{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_1lsy8_378{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--narrow-l--is-icon-button-size-small_1lsy8_387{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_1lsy8_394{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-s--is-icon-button-size-xs_1lsy8_403{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_1lsy8_408{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-s--is-icon-button-size-s_1lsy8_417{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_1lsy8_422{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-s--is-icon-button-size-m_1lsy8_431{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_1lsy8_436{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-s--is-icon-button-size-l_1lsy8_445{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_1lsy8_450{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-s--is-icon-button-size-xl_1lsy8_459{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_1lsy8_464{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-s--is-icon-button-size-large_1lsy8_473{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_1lsy8_478{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-s--is-icon-button-size-medium_1lsy8_487{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_1lsy8_492{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-s--is-icon-button-size-small_1lsy8_501{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_1lsy8_508{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--medium-l--is-icon-button-size-xs_1lsy8_517{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_1lsy8_522{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--medium-l--is-icon-button-size-s_1lsy8_531{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_1lsy8_536{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--medium-l--is-icon-button-size-m_1lsy8_545{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_1lsy8_550{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--medium-l--is-icon-button-size-l_1lsy8_559{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_1lsy8_564{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--medium-l--is-icon-button-size-xl_1lsy8_573{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_1lsy8_578{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--medium-l--is-icon-button-size-large_1lsy8_587{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_1lsy8_592{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--medium-l--is-icon-button-size-medium_1lsy8_601{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_1lsy8_606{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--medium-l--is-icon-button-size-small_1lsy8_615{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_1lsy8_622{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-s--is-icon-button-size-xs_1lsy8_631{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_1lsy8_636{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-s--is-icon-button-size-s_1lsy8_645{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_1lsy8_650{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-s--is-icon-button-size-m_1lsy8_659{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_1lsy8_664{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-s--is-icon-button-size-l_1lsy8_673{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_1lsy8_678{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-s--is-icon-button-size-xl_1lsy8_687{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_1lsy8_692{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-s--is-icon-button-size-large_1lsy8_701{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_1lsy8_706{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-s--is-icon-button-size-medium_1lsy8_715{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_1lsy8_720{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-s--is-icon-button-size-small_1lsy8_729{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_1lsy8_736{min-height:var(--50cc65);padding-top:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-bottom:calc((var(--50cc65) - var(--d4313c) * var(--357dd0)) / 2 - var(--0b1b71));padding-left:var(--29b033);padding-right:var(--29b033);font-size:var(--357dd0);letter-spacing:var(--027f88)}._ButtonBase--wide-l--is-icon-button-size-xs_1lsy8_745{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_1lsy8_750{min-height:var(--2f2e00);padding-top:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-bottom:calc((var(--2f2e00) - var(--d4313c) * var(--b47a67)) / 2 - var(--0b1b71));padding-left:var(--65766b);padding-right:var(--65766b);font-size:var(--b47a67);letter-spacing:var(--fc5c61)}._ButtonBase--wide-l--is-icon-button-size-s_1lsy8_759{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_1lsy8_764{min-height:var(--bcfcbc);padding-top:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-bottom:calc((var(--bcfcbc) - var(--d4313c) * var(--89a358)) / 2 - var(--0b1b71));padding-left:var(--0f2d7e);padding-right:var(--0f2d7e);font-size:var(--89a358);letter-spacing:var(--2e1239)}._ButtonBase--wide-l--is-icon-button-size-m_1lsy8_773{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_1lsy8_778{min-height:var(--26156f);padding-top:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-bottom:calc((var(--26156f) - var(--d4313c) * var(--a899be)) / 2 - var(--0b1b71));padding-left:var(--b1c76a);padding-right:var(--b1c76a);font-size:var(--a899be);letter-spacing:var(--c04d5d)}._ButtonBase--wide-l--is-icon-button-size-l_1lsy8_787{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_1lsy8_792{min-height:var(--d6bfc9);padding-top:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-bottom:calc((var(--d6bfc9) - var(--d4313c) * var(--f7be07)) / 2 - var(--0b1b71));padding-left:var(--88eefe);padding-right:var(--88eefe);font-size:var(--f7be07);letter-spacing:var(--a34be4)}._ButtonBase--wide-l--is-icon-button-size-xl_1lsy8_801{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_1lsy8_806{min-height:var(--3d8452);padding-top:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-bottom:calc((var(--3d8452) - var(--d4313c) * var(--56d354)) / 2 - var(--0b1b71));padding-left:var(--79f043);padding-right:var(--79f043);font-size:var(--56d354);letter-spacing:var(--dc9bea)}._ButtonBase--wide-l--is-icon-button-size-large_1lsy8_815{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_1lsy8_820{min-height:var(--c82a41);padding-top:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-bottom:calc((var(--c82a41) - var(--d4313c) * var(--c84e20)) / 2 - var(--0b1b71));padding-left:var(--aebd97);padding-right:var(--aebd97);font-size:var(--c84e20);letter-spacing:var(--ad1bd2)}._ButtonBase--wide-l--is-icon-button-size-medium_1lsy8_829{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_1lsy8_834{min-height:var(--5eca09);padding-top:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-bottom:calc((var(--5eca09) - var(--d4313c) * var(--f20194)) / 2 - var(--0b1b71));padding-left:var(--d17b90);padding-right:var(--d17b90);font-size:var(--f20194);letter-spacing:var(--9663af)}._ButtonBase--wide-l--is-icon-button-size-small_1lsy8_843{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_1lsy8_849{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_1lsy8_855{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_1lsy8_849:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_1lsy8_849[disabled],._ButtonBase--variant-primary_1lsy8_849[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_1lsy8_849:active,._ButtonBase--variant-primary--dsInternalSimulation-active_1lsy8_870{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_1lsy8_874{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_1lsy8_880{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_1lsy8_874:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_1lsy8_874[disabled],._ButtonBase--variant-secondary_1lsy8_874[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_1lsy8_874:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_1lsy8_895{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_1lsy8_899{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_1lsy8_905{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_1lsy8_899:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_1lsy8_899[disabled],._ButtonBase--variant-tertiary_1lsy8_899[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_1lsy8_899:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_1lsy8_920{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_1lsy8_924{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_1lsy8_930{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_1lsy8_924:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_1lsy8_924[disabled],._ButtonBase--variant-quaternary_1lsy8_924[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_1lsy8_924:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_1lsy8_945{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_1lsy8_949{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_1lsy8_955{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_1lsy8_949:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_1lsy8_949[disabled],._ButtonBase--variant-ghost_1lsy8_949[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_1lsy8_949:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_1lsy8_970{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_1lsy8_974{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_1lsy8_978{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_1lsy8_984{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_1lsy8_978:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_1lsy8_978[disabled],._ButtonBase--variant-plain_1lsy8_978[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_1lsy8_978:active,._ButtonBase--variant-plain--dsInternalSimulation-active_1lsy8_999{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_1lsy8_1003{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_1lsy8_1009{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_1lsy8_1003:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_1lsy8_1003[disabled],._ButtonBase--variant-dangerous_1lsy8_1003[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_1lsy8_1003:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_1lsy8_1024{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_1lsy8_1028{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_1lsy8_1034{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_1lsy8_1028:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_1lsy8_1028[disabled],._ButtonBase--variant-critical_1lsy8_1028[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_1lsy8_1028:active,._ButtonBase--variant-critical--dsInternalSimulation-active_1lsy8_1049{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_1lsy8_1053{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_1lsy8_1059{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_1lsy8_1053:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_1lsy8_1053[disabled],._ButtonBase--variant-onColor_1lsy8_1053[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_1lsy8_1053:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_1lsy8_1074{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_1lsy8_1078{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_1lsy8_1084{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_1lsy8_1078:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_1lsy8_1078[disabled],._ButtonBase--variant-classroom_1lsy8_1078[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_1lsy8_1078:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_1lsy8_1099{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_1lsy8_1103{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_1lsy8_1107{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_1lsy8_1113{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_1lsy8_1107:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_1lsy8_1107[disabled],._ButtonBase--variant-primaryB2b_1lsy8_1107[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_1lsy8_1107:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_1lsy8_1128{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_1lsy8_1132{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_1lsy8_1138{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_1lsy8_1132:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_1lsy8_1132[disabled],._ButtonBase--variant-primaryTutor_1lsy8_1132[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_1lsy8_1132:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_1lsy8_1153{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_1lsy8_1157{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_1lsy8_1163{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_1lsy8_1157:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_1lsy8_1157[disabled],._ButtonBase--variant-inverted_1lsy8_1157[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_1lsy8_1157:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_1lsy8_1178{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_1lsy8_1182{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_1lsy8_1188{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_1lsy8_1182:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_1lsy8_1182[disabled],._ButtonBase--variant-newFeature_1lsy8_1182[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_1lsy8_1182:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_1lsy8_1203{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_1lsy8_1207{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_1lsy8_1213{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_1lsy8_1207:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_1lsy8_1207[disabled],._ButtonBase--variant-ai_1lsy8_1207[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_1lsy8_1207:active,._ButtonBase--variant-ai--dsInternalSimulation-active_1lsy8_1228{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_1lsy8_1207{border-image:var(--0b0037)}._ButtonBase--variant-ai_1lsy8_1207[disabled],._ButtonBase--variant-ai_1lsy8_1207[disabled]:hover{border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_1lsy8_1240{min-width:max-content}

package/dist/assets/Chips-2wQm6zLU.css

@@ -0,0 +1 @@
+._chips_1fgmx_3{display:flex;gap:var(--813599);flex-wrap:wrap}._chips_1fgmx_3:is(ul){list-style:none;margin:0;padding:0}._chips_1fgmx_3 ._chip_1fgmx_3{box-sizing:border-box;cursor:pointer;height:var(--ece0fe);width:fit-content;font-size:var(--475c79);font-weight:var(--a3f251);line-height:var(--e33d9e);color:var(--628fb7);background-color:var(--3546c3);border:solid var(--26b8e3);border-radius:var(--fa4b1a);border-color:var(--c03289);display:flex;align-items:center}._chips_1fgmx_3 ._chip_1fgmx_3 button{all:unset}@media (hover: hover) and (pointer: fine){._chips_1fgmx_3 ._chip_1fgmx_3:hover{background-color:var(--302ecf)}}._chips_1fgmx_3 ._chip_1fgmx_3:has(._chip-toggle_1fgmx_37:focus-visible){outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--05dd73)}._chips_1fgmx_3 ._chip_1fgmx_3:has(._chip-toggle_1fgmx_37:active){border-color:var(--11d206);background-color:var(--a5c761)}._chips_1fgmx_3 ._chip_1fgmx_3:has(._chip-toggle_1fgmx_37[aria-pressed=true]){border-color:var(--11d206);background-color:var(--a5c761)}._chips_1fgmx_3 ._chip_1fgmx_3 ._chip-toggle_1fgmx_37{padding:var(--66b80b) var(--813599);display:flex;gap:var(--66b80b)}._chips_1fgmx_3 ._chip_1fgmx_3 ._chip-remove_1fgmx_54{height:fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;padding:var(--66b80b) var(--813599) var(--66b80b) 0;border-radius:inherit}._chips_1fgmx_3 ._chip_1fgmx_3 ._chip-remove_1fgmx_54:focus-visible{outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--109103) var(--05dd73)}._chips_1fgmx_3[data-variant=choice] ._chip_1fgmx_3:has(._chip-toggle_1fgmx_37[aria-pressed=true]){color:var(--c2b191);background-color:var(--4983fe)}._chips_1fgmx_3[data-variant=choice] ._chip_1fgmx_3 ._chip-remove_1fgmx_54{display:none}._chips_1fgmx_3[data-variant=filter] ._chip_1fgmx_3:has(._chip-toggle_1fgmx_37[aria-pressed=false]) ._chip-remove_1fgmx_54{display:none}

package/dist/assets/{Chips.stories-DvnrQpsy.js → Chips.stories-C4g0ajtC.js}

@@ -1,4 +1,4 @@
-import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{F as L}from"./TokyoUIFav-DOVerCtW.js";import{a as f}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{r as p}from"./index-Cb9e4tly.js";import{f as K,e as a,u as x}from"./index-BVDq5o4N.js";import{I as S}from"./Icon-BNvtTXpG.js";import{f as X}from"./filterHTMLAttributes-DYdLqcvH.js";import{u as Z}from"./index-D1pfvbUR.js";import{g as G}from"./shared-strings-Biv7UF3M.js";import{g as q}from"./index-DdzHuZ-Y.js";import{w as z}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./v4-CtRu48qb.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-DwQPHwM2.js";import"./classNames-BUL1Zq7e.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";const Q="_chips_s36f9_3",ee="_chip_s36f9_3",C={chips:Q,chip:ee,"chip-toggle":"_chip-toggle_s36f9_37","chip-remove":"_chip-remove_s36f9_54"},te=({title:r,titleId:o,...s},t)=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":o,...s},r?p.createElement("title",{id:o},r):null,p.createElement("path",{fillRule:"evenodd",d:"M7.207 5.793a1 1 0 0 0-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 1 0 1.414 1.414L12 13.414l4.793 4.793a1 1 0 0 0 1.414-1.414L13.414 12l4.793-4.793a1 1 0 0 0-1.414-1.414L12 10.586 7.207 5.793Z",clipRule:"evenodd"})),ie=p.forwardRef(te),l=({variant:r="choice",children:o,"aria-label":s,dataset:t})=>{const e={...t,variant:r};return i.jsx("ul",{"aria-label":s,className:C.chips,...q(e,{preplyDsComponent:z.Chips}),children:o})};l.Item=p.forwardRef(function({label:o,leadingSvgIcon:s,pressed:t,onToggle:e,onRemove:n,"aria-controls":c,dataset:u,...y},M){const{formatMessage:U}=Z(),A=()=>e==null?void 0:e(!t),Y=n??A;return i.jsxs("li",{...X(y),ref:M,className:C.chip,...q(u,{preplyDsComponent:z.Chip}),children:[i.jsxs("button",{type:"button",className:C["chip-toggle"],"aria-pressed":t,"aria-controls":c,onClick:A,onKeyUp:J=>{switch(J.key){case"Backspace":case"Delete":if(!t)return;A();break}},children:[s&&i.jsx(S,{size:"24",svg:s}),o]}),i.jsx("button",{type:"button",className:C["chip-remove"],onClick:Y,"aria-label":U(G.remove),"aria-controls":c,children:i.jsx(S,{size:"24",svg:ie})})]})});try{l.displayName="Chips",l.__docgenInfo={description:"A Chips container.\n\nAdd `Chips.Item` children to render a list of Chips.",displayName:"Chips",props:{variant:{defaultValue:{value:"choice"},description:"The Chip list variant;\n- For simple checkbox-like behaviour, use `choice`.\n- For more complex filtering controls, use `filter`.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"choice"'},{value:'"filter"'}]}},"aria-label":{defaultValue:null,description:`Allows assistive technologies to correctly identify and announce
+import{j as i}from"./jsx-runtime-BTJTZTIL.js";import{F as L}from"./TokyoUIFav-DOVerCtW.js";import{a as f}from"./chunk-D5ZWXAHU-BhFjjRSl.js";import{r as p}from"./index-Cb9e4tly.js";import{f as K,e as a,u as x}from"./index-BVDq5o4N.js";import{I as S}from"./Icon-DbIHupWZ.js";import{f as X}from"./filterHTMLAttributes-DYdLqcvH.js";import{u as Z}from"./index-D1pfvbUR.js";import{g as G}from"./shared-strings-Biv7UF3M.js";import{g as q}from"./index-DdzHuZ-Y.js";import{w as z}from"./componentNames-Bwls0I02.js";import"./index-ChsGqxH_.js";import"./v4-CtRu48qb.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./text-accent-BMdpzlaC.js";import"./classNames-BUL1Zq7e.js";import"./render-icon-BT0Aq7PA.js";import"./defaults-B1rzzf6M.js";import"./tslib.es6-BntfKcQG.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";const Q="_chips_1fgmx_3",ee="_chip_1fgmx_3",C={chips:Q,chip:ee,"chip-toggle":"_chip-toggle_1fgmx_37","chip-remove":"_chip-remove_1fgmx_54"},te=({title:r,titleId:o,...s},t)=>p.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",ref:t,"aria-labelledby":o,...s},r?p.createElement("title",{id:o},r):null,p.createElement("path",{fillRule:"evenodd",d:"M7.207 5.793a1 1 0 0 0-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 1 0 1.414 1.414L12 13.414l4.793 4.793a1 1 0 0 0 1.414-1.414L13.414 12l4.793-4.793a1 1 0 0 0-1.414-1.414L12 10.586 7.207 5.793Z",clipRule:"evenodd"})),ie=p.forwardRef(te),l=({variant:r="choice",children:o,"aria-label":s,dataset:t})=>{const e={...t,variant:r};return i.jsx("ul",{"aria-label":s,className:C.chips,...q(e,{preplyDsComponent:z.Chips}),children:o})};l.Item=p.forwardRef(function({label:o,leadingSvgIcon:s,pressed:t,onToggle:e,onRemove:n,"aria-controls":c,dataset:u,...y},M){const{formatMessage:U}=Z(),A=()=>e==null?void 0:e(!t),Y=n??A;return i.jsxs("li",{...X(y),ref:M,className:C.chip,...q(u,{preplyDsComponent:z.Chip}),children:[i.jsxs("button",{type:"button",className:C["chip-toggle"],"aria-pressed":t,"aria-controls":c,onClick:A,onKeyUp:J=>{switch(J.key){case"Backspace":case"Delete":if(!t)return;A();break}},children:[s&&i.jsx(S,{size:"24",svg:s}),o]}),i.jsx("button",{type:"button",className:C["chip-remove"],onClick:Y,"aria-label":U(G.remove),"aria-controls":c,children:i.jsx(S,{size:"24",svg:ie})})]})});try{l.displayName="Chips",l.__docgenInfo={description:"A Chips container.\n\nAdd `Chips.Item` children to render a list of Chips.",displayName:"Chips",props:{variant:{defaultValue:{value:"choice"},description:"The Chip list variant;\n- For simple checkbox-like behaviour, use `choice`.\n- For more complex filtering controls, use `filter`.",name:"variant",required:!1,type:{name:"enum",value:[{value:'"choice"'},{value:'"filter"'}]}},"aria-label":{defaultValue:null,description:`Allows assistive technologies to correctly identify and announce
 the Chip list.
 @example <Chips aria-label="tutor filter">
   // When the Chip below is in focus, screen readers may announce it as:
@@ -8,15 +8,15 @@ the Chip list.
 Chips streamline filtering or action selection for users.
 
 See page on [Path](https://zeroheight.com/62fdeb7ec/v/latest/p/79810d-chip) site for design and usage info.
-`}},globals:{onToggle:K()}},v=()=>{const[r,o]=p.useState(!1);return i.jsx(l,{"aria-label":"Chips",children:i.jsx(l.Item,{label:"Chip",pressed:r,onToggle:o})})},g={parameters:{docs:{description:{story:"`Choice` Chips are used to select from a list of suggested options."}}},render:function(o,s){const[t,e]=p.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return i.jsx(l,{variant:"choice","aria-label":"Principle choices",children:Object.entries(t).map(([n,c])=>i.jsx(l.Item,{label:n,pressed:c,onToggle:u=>{e(y=>({...y,[n]:u})),s.globals.onToggle([n,u])}},n))})},play:async({canvas:r,context:o})=>{const s=o.globals.onToggle,t=await r.findByText("Ambition"),e=await r.findByText("Boldness"),n=await r.findByText("Collaboration");a(t).toHaveAttribute("aria-pressed","false"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true"),await x.click(t),a(s).toHaveBeenCalledWith(["Ambition",!0]),a(t).toHaveAttribute("aria-pressed","true"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true"),await x.click(t),a(s).toHaveBeenCalledWith(["Ambition",!1]),a(t).toHaveAttribute("aria-pressed","false"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true")}},b=()=>{const[r,o]=p.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return i.jsx(l,{variant:"choice","aria-label":"Principle choices",children:Object.entries(r).map(([s,t])=>i.jsx(l.Item,{label:s,leadingSvgIcon:L,pressed:t,onToggle:e=>{o(n=>({...n,[s]:e})),f(`Toggle ${s} ${e?"on":"off"}`)()}},s))})};b.parameters={docs:{description:{story:"They may also have leading icons:"}}};const m=(r,o)=>{const[s,t]=p.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return i.jsx(l,{variant:"filter","aria-label":"Principle filters",children:Object.entries(s).map(([e,n])=>i.jsx(l.Item,{label:e,pressed:n,onToggle:c=>{t(u=>({...u,[e]:c})),f(`Toggle ${e} ${c?"on":"off"}`)(),o.globals.onToggle([e,c])}},e))})};m.parameters={docs:{description:{story:"`Filter` Chips are used to add and remove filtering options from a list."}}};m.play=async({canvas:r,context:o})=>{const s=o.globals.onToggle,t=await r.findByText("Ambition"),e=await r.findByText("Boldness"),n=await r.findByText("Collaboration"),c=t.nextElementSibling;a(c).not.toBeVisible(),a(t).toHaveAttribute("aria-pressed","false"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true"),await x.click(t),a(c).toBeVisible(),a(c).toHaveAccessibleName("Remove"),a(s).toHaveBeenCalledWith(["Ambition",!0]),a(t).toHaveAttribute("aria-pressed","true"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true"),await x.click(c),a(s).toHaveBeenCalledWith(["Ambition",!1]),a(c).not.toBeVisible(),a(t).toHaveAttribute("aria-pressed","false"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true")};const h=()=>{const[r,o]=p.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return i.jsx(l,{variant:"filter","aria-label":"Principle filters",children:Object.entries(r).map(([s,t])=>i.jsx(l.Item,{label:s,leadingSvgIcon:L,pressed:t,onToggle:e=>{o(n=>({...n,[s]:e})),f(`Toggle ${s} ${e?"on":"off"}`)()}},s))})};h.parameters={docs:{description:{story:"They may also have leading icons:"}}};const d=()=>{const[r,o]=p.useState(!1),[s,t]=p.useState(void 0);return i.jsxs("div",{children:[i.jsx(l,{variant:"filter","aria-label":"Principle filters",children:i.jsx(l.Item,{label:"Principles",pressed:r,onToggle:e=>{if(s!==void 0){t(void 0),f("onToggle - Clear selected filter")();return}o(e),f(`Toggle filter ${e?"on":"off"}`)()},onRemove:()=>{t(void 0),o(!1),f("onRemove - Remove filter")()},"aria-controls":"principle-menu"})}),i.jsx("div",{id:"principle-menu",children:r&&(s?i.jsxs(i.Fragment,{children:[i.jsx("p",{children:"Your favorite principle is:"}),i.jsx("p",{children:s})]}):i.jsxs(i.Fragment,{children:[i.jsx("p",{children:"What's your favorite principle?"}),i.jsxs("form",{onSubmit:e=>{e.preventDefault(),t(e.nativeEvent.submitter.value)},children:[i.jsx("input",{type:"submit",value:"Ambition"}),i.jsx("input",{type:"submit",value:"Boldness"}),i.jsx("input",{type:"submit",value:"Collaboration"})]})]}))})]})};d.parameters={docs:{description:{story:`
+`}},globals:{onToggle:K()}},g=()=>{const[r,o]=p.useState(!1);return i.jsx(l,{"aria-label":"Chips",children:i.jsx(l.Item,{label:"Chip",pressed:r,onToggle:o})})},v={parameters:{docs:{description:{story:"`Choice` Chips are used to select from a list of suggested options."}}},render:function(o,s){const[t,e]=p.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return i.jsx(l,{variant:"choice","aria-label":"Principle choices",children:Object.entries(t).map(([n,c])=>i.jsx(l.Item,{label:n,pressed:c,onToggle:u=>{e(y=>({...y,[n]:u})),s.globals.onToggle([n,u])}},n))})},play:async({canvas:r,context:o})=>{const s=o.globals.onToggle,t=await r.findByText("Ambition"),e=await r.findByText("Boldness"),n=await r.findByText("Collaboration");a(t).toHaveAttribute("aria-pressed","false"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true"),await x.click(t),a(s).toHaveBeenCalledWith(["Ambition",!0]),a(t).toHaveAttribute("aria-pressed","true"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true"),await x.click(t),a(s).toHaveBeenCalledWith(["Ambition",!1]),a(t).toHaveAttribute("aria-pressed","false"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true")}},b=()=>{const[r,o]=p.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return i.jsx(l,{variant:"choice","aria-label":"Principle choices",children:Object.entries(r).map(([s,t])=>i.jsx(l.Item,{label:s,leadingSvgIcon:L,pressed:t,onToggle:e=>{o(n=>({...n,[s]:e})),f(`Toggle ${s} ${e?"on":"off"}`)()}},s))})};b.parameters={docs:{description:{story:"They may also have leading icons:"}}};const m=(r,o)=>{const[s,t]=p.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return i.jsx(l,{variant:"filter","aria-label":"Principle filters",children:Object.entries(s).map(([e,n])=>i.jsx(l.Item,{label:e,pressed:n,onToggle:c=>{t(u=>({...u,[e]:c})),f(`Toggle ${e} ${c?"on":"off"}`)(),o.globals.onToggle([e,c])}},e))})};m.parameters={docs:{description:{story:"`Filter` Chips are used to add and remove filtering options from a list."}}};m.play=async({canvas:r,context:o})=>{const s=o.globals.onToggle,t=await r.findByText("Ambition"),e=await r.findByText("Boldness"),n=await r.findByText("Collaboration"),c=t.nextElementSibling;a(c).not.toBeVisible(),a(t).toHaveAttribute("aria-pressed","false"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true"),await x.click(t),a(c).toBeVisible(),a(c).toHaveAccessibleName("Remove"),a(s).toHaveBeenCalledWith(["Ambition",!0]),a(t).toHaveAttribute("aria-pressed","true"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true"),await x.click(c),a(s).toHaveBeenCalledWith(["Ambition",!1]),a(c).not.toBeVisible(),a(t).toHaveAttribute("aria-pressed","false"),a(e).toHaveAttribute("aria-pressed","false"),a(n).toHaveAttribute("aria-pressed","true")};const h=()=>{const[r,o]=p.useState({Ambition:!1,Boldness:!1,Collaboration:!0});return i.jsx(l,{variant:"filter","aria-label":"Principle filters",children:Object.entries(r).map(([s,t])=>i.jsx(l.Item,{label:s,leadingSvgIcon:L,pressed:t,onToggle:e=>{o(n=>({...n,[s]:e})),f(`Toggle ${s} ${e?"on":"off"}`)()}},s))})};h.parameters={docs:{description:{story:"They may also have leading icons:"}}};const d=()=>{const[r,o]=p.useState(!1),[s,t]=p.useState(void 0);return i.jsxs("div",{children:[i.jsx(l,{variant:"filter","aria-label":"Principle filters",children:i.jsx(l.Item,{label:"Principles",pressed:r,onToggle:e=>{if(s!==void 0){t(void 0),f("onToggle - Clear selected filter")();return}o(e),f(`Toggle filter ${e?"on":"off"}`)()},onRemove:()=>{t(void 0),o(!1),f("onRemove - Remove filter")()},"aria-controls":"principle-menu"})}),i.jsx("div",{id:"principle-menu",children:r&&(s?i.jsxs(i.Fragment,{children:[i.jsx("p",{children:"Your favorite principle is:"}),i.jsx("p",{children:s})]}):i.jsxs(i.Fragment,{children:[i.jsx("p",{children:"What's your favorite principle?"}),i.jsxs("form",{onSubmit:e=>{e.preventDefault(),t(e.nativeEvent.submitter.value)},children:[i.jsx("input",{type:"submit",value:"Ambition"}),i.jsx("input",{type:"submit",value:"Boldness"}),i.jsx("input",{type:"submit",value:"Collaboration"})]})]}))})]})};d.parameters={docs:{description:{story:`
 Here is a complex example in which a chip can toggle a sub-flow for filter
 selection:
-`}}};d.tags=["!test"];d.parameters={chromatic:{disableSnapshot:!0}};var T,w,j;v.parameters={...v.parameters,docs:{...(T=v.parameters)==null?void 0:T.docs,source:{originalSource:`() => {
+`}}};d.tags=["!test"];d.parameters={chromatic:{disableSnapshot:!0}};var T,w,j;g.parameters={...g.parameters,docs:{...(T=g.parameters)==null?void 0:T.docs,source:{originalSource:`() => {
   const [pressed, setPressed] = useState(false);
   return <Chips aria-label="Chips">
             <Chips.Item label="Chip" pressed={pressed} onToggle={setPressed} />
         </Chips>;
-}`,...(j=(w=v.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var B,H,I;g.parameters={...g.parameters,docs:{...(B=g.parameters)==null?void 0:B.docs,source:{originalSource:`{
+}`,...(j=(w=g.parameters)==null?void 0:w.docs)==null?void 0:j.source}}};var B,H,I;v.parameters={...v.parameters,docs:{...(B=v.parameters)==null?void 0:B.docs,source:{originalSource:`{
   parameters: {
     docs: {
       description: {
@@ -64,7 +64,7 @@ selection:
     expect(boldness).toHaveAttribute('aria-pressed', 'false');
     expect(collaboration).toHaveAttribute('aria-pressed', 'true');
   }
-}`,...(I=(H=g.parameters)==null?void 0:H.docs)==null?void 0:I.source}}};var P,F,_;b.parameters={...b.parameters,docs:{...(P=b.parameters)==null?void 0:P.docs,source:{originalSource:`() => {
+}`,...(I=(H=v.parameters)==null?void 0:H.docs)==null?void 0:I.source}}};var P,F,_;b.parameters={...b.parameters,docs:{...(P=b.parameters)==null?void 0:P.docs,source:{originalSource:`() => {
   const [choices, setChoices] = useState({
     Ambition: false,
     Boldness: false,
@@ -147,4 +147,4 @@ selection:
                         </>)}
             </div>
         </div>;
-}`,...(V=(D=d.parameters)==null?void 0:D.docs)==null?void 0:V.source}}};const Te=["Base","Choice","ChoiceWithIcons","Filter","FilterWithIcons","ComplexFilter"];export{v as Base,g as Choice,b as ChoiceWithIcons,d as ComplexFilter,m as Filter,h as FilterWithIcons,Te as __namedExportsOrder,Se as default};
+}`,...(V=(D=d.parameters)==null?void 0:D.docs)==null?void 0:V.source}}};const Te=["Base","Choice","ChoiceWithIcons","Filter","FilterWithIcons","ComplexFilter"];export{g as Base,v as Choice,b as ChoiceWithIcons,d as ComplexFilter,m as Filter,h as FilterWithIcons,Te as __namedExportsOrder,Se as default};