@preply/ds-docs 1.4.2 → 1.4.3

package/dist/assets/Button-aNfyJQT6.js

@@ -0,0 +1 @@
+import{j as s}from"./jsx-runtime-BTJTZTIL.js";import{r as t}from"./index-Cb9e4tly.js";import{g as ie,a as ne}from"./text-accent-BqZbJG9z.js";import{g as se}from"./text-centered-BLjliCzN.js";import{f as M}from"./filterHTMLAttributes-UOns5Q7s.js";import{m as k,s as c,b as B,a as y}from"./classNames-BUL1Zq7e.js";import{w as z}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 re}from"./useHostname-Y3PlXofY.js";import{m as ue}from"./index-CC6DAVyL.js";const _e="_Heading_8r0pl_4",de={Heading:_e,"Heading--level-h1-normal":"_Heading--level-h1-normal_8r0pl_11","Heading--level-h1-large":"_Heading--level-h1-large_8r0pl_17","Heading--level-h2-normal":"_Heading--level-h2-normal_8r0pl_23","Heading--level-h2-large":"_Heading--level-h2-large_8r0pl_29","Heading--level-h3-normal":"_Heading--level-h3-normal_8r0pl_35","Heading--level-h3-large":"_Heading--level-h3-large_8r0pl_41","Heading--level-h4-normal":"_Heading--level-h4-normal_8r0pl_47","Heading--level-h4-large":"_Heading--level-h4-large_8r0pl_53","Heading--level-h5-normal":"_Heading--level-h5-normal_8r0pl_59","Heading--level-h5-large":"_Heading--level-h5-large_8r0pl_65","Heading--narrow-l--level-h1-normal":"_Heading--narrow-l--level-h1-normal_8r0pl_72","Heading--narrow-l--level-h1-large":"_Heading--narrow-l--level-h1-large_8r0pl_78","Heading--narrow-l--level-h2-normal":"_Heading--narrow-l--level-h2-normal_8r0pl_84","Heading--narrow-l--level-h2-large":"_Heading--narrow-l--level-h2-large_8r0pl_90","Heading--narrow-l--level-h3-normal":"_Heading--narrow-l--level-h3-normal_8r0pl_96","Heading--narrow-l--level-h3-large":"_Heading--narrow-l--level-h3-large_8r0pl_102","Heading--narrow-l--level-h4-normal":"_Heading--narrow-l--level-h4-normal_8r0pl_108","Heading--narrow-l--level-h4-large":"_Heading--narrow-l--level-h4-large_8r0pl_114","Heading--narrow-l--level-h5-normal":"_Heading--narrow-l--level-h5-normal_8r0pl_120","Heading--narrow-l--level-h5-large":"_Heading--narrow-l--level-h5-large_8r0pl_126","Heading--medium-s--level-h1-normal":"_Heading--medium-s--level-h1-normal_8r0pl_134","Heading--medium-s--level-h1-large":"_Heading--medium-s--level-h1-large_8r0pl_140","Heading--medium-s--level-h2-normal":"_Heading--medium-s--level-h2-normal_8r0pl_146","Heading--medium-s--level-h2-large":"_Heading--medium-s--level-h2-large_8r0pl_152","Heading--medium-s--level-h3-normal":"_Heading--medium-s--level-h3-normal_8r0pl_158","Heading--medium-s--level-h3-large":"_Heading--medium-s--level-h3-large_8r0pl_164","Heading--medium-s--level-h4-normal":"_Heading--medium-s--level-h4-normal_8r0pl_170","Heading--medium-s--level-h4-large":"_Heading--medium-s--level-h4-large_8r0pl_176","Heading--medium-s--level-h5-normal":"_Heading--medium-s--level-h5-normal_8r0pl_182","Heading--medium-s--level-h5-large":"_Heading--medium-s--level-h5-large_8r0pl_188","Heading--medium-l--level-h1-normal":"_Heading--medium-l--level-h1-normal_8r0pl_196","Heading--medium-l--level-h1-large":"_Heading--medium-l--level-h1-large_8r0pl_202","Heading--medium-l--level-h2-normal":"_Heading--medium-l--level-h2-normal_8r0pl_208","Heading--medium-l--level-h2-large":"_Heading--medium-l--level-h2-large_8r0pl_214","Heading--medium-l--level-h3-normal":"_Heading--medium-l--level-h3-normal_8r0pl_220","Heading--medium-l--level-h3-large":"_Heading--medium-l--level-h3-large_8r0pl_226","Heading--medium-l--level-h4-normal":"_Heading--medium-l--level-h4-normal_8r0pl_232","Heading--medium-l--level-h4-large":"_Heading--medium-l--level-h4-large_8r0pl_238","Heading--medium-l--level-h5-normal":"_Heading--medium-l--level-h5-normal_8r0pl_244","Heading--medium-l--level-h5-large":"_Heading--medium-l--level-h5-large_8r0pl_250","Heading--wide-s--level-h1-normal":"_Heading--wide-s--level-h1-normal_8r0pl_258","Heading--wide-s--level-h1-large":"_Heading--wide-s--level-h1-large_8r0pl_264","Heading--wide-s--level-h2-normal":"_Heading--wide-s--level-h2-normal_8r0pl_270","Heading--wide-s--level-h2-large":"_Heading--wide-s--level-h2-large_8r0pl_276","Heading--wide-s--level-h3-normal":"_Heading--wide-s--level-h3-normal_8r0pl_282","Heading--wide-s--level-h3-large":"_Heading--wide-s--level-h3-large_8r0pl_288","Heading--wide-s--level-h4-normal":"_Heading--wide-s--level-h4-normal_8r0pl_294","Heading--wide-s--level-h4-large":"_Heading--wide-s--level-h4-large_8r0pl_300","Heading--wide-s--level-h5-normal":"_Heading--wide-s--level-h5-normal_8r0pl_306","Heading--wide-s--level-h5-large":"_Heading--wide-s--level-h5-large_8r0pl_312","Heading--wide-l--level-h1-normal":"_Heading--wide-l--level-h1-normal_8r0pl_320","Heading--wide-l--level-h1-large":"_Heading--wide-l--level-h1-large_8r0pl_326","Heading--wide-l--level-h2-normal":"_Heading--wide-l--level-h2-normal_8r0pl_332","Heading--wide-l--level-h2-large":"_Heading--wide-l--level-h2-large_8r0pl_338","Heading--wide-l--level-h3-normal":"_Heading--wide-l--level-h3-normal_8r0pl_344","Heading--wide-l--level-h3-large":"_Heading--wide-l--level-h3-large_8r0pl_350","Heading--wide-l--level-h4-normal":"_Heading--wide-l--level-h4-normal_8r0pl_356","Heading--wide-l--level-h4-large":"_Heading--wide-l--level-h4-large_8r0pl_362","Heading--wide-l--level-h5-normal":"_Heading--wide-l--level-h5-normal_8r0pl_368","Heading--wide-l--level-h5-large":"_Heading--wide-l--level-h5-large_8r0pl_374","Heading--variant-massive":"_Heading--variant-massive_8r0pl_381","Heading--variant-huge":"_Heading--variant-huge_8r0pl_387","Heading--variant-extraLarge":"_Heading--variant-extraLarge_8r0pl_393","Heading--variant-large":"_Heading--variant-large_8r0pl_399","Heading--variant-medium":"_Heading--variant-medium_8r0pl_405","Heading--variant-small":"_Heading--variant-small_8r0pl_411","Heading--narrow-l--variant-massive":"_Heading--narrow-l--variant-massive_8r0pl_418","Heading--narrow-l--variant-huge":"_Heading--narrow-l--variant-huge_8r0pl_424","Heading--narrow-l--variant-extraLarge":"_Heading--narrow-l--variant-extraLarge_8r0pl_430","Heading--narrow-l--variant-large":"_Heading--narrow-l--variant-large_8r0pl_436","Heading--narrow-l--variant-medium":"_Heading--narrow-l--variant-medium_8r0pl_442","Heading--narrow-l--variant-small":"_Heading--narrow-l--variant-small_8r0pl_448","Heading--medium-s--variant-massive":"_Heading--medium-s--variant-massive_8r0pl_456","Heading--medium-s--variant-huge":"_Heading--medium-s--variant-huge_8r0pl_462","Heading--medium-s--variant-extraLarge":"_Heading--medium-s--variant-extraLarge_8r0pl_468","Heading--medium-s--variant-large":"_Heading--medium-s--variant-large_8r0pl_474","Heading--medium-s--variant-medium":"_Heading--medium-s--variant-medium_8r0pl_480","Heading--medium-s--variant-small":"_Heading--medium-s--variant-small_8r0pl_486","Heading--medium-l--variant-massive":"_Heading--medium-l--variant-massive_8r0pl_494","Heading--medium-l--variant-huge":"_Heading--medium-l--variant-huge_8r0pl_500","Heading--medium-l--variant-extraLarge":"_Heading--medium-l--variant-extraLarge_8r0pl_506","Heading--medium-l--variant-large":"_Heading--medium-l--variant-large_8r0pl_512","Heading--medium-l--variant-medium":"_Heading--medium-l--variant-medium_8r0pl_518","Heading--medium-l--variant-small":"_Heading--medium-l--variant-small_8r0pl_524","Heading--wide-s--variant-massive":"_Heading--wide-s--variant-massive_8r0pl_532","Heading--wide-s--variant-huge":"_Heading--wide-s--variant-huge_8r0pl_538","Heading--wide-s--variant-extraLarge":"_Heading--wide-s--variant-extraLarge_8r0pl_544","Heading--wide-s--variant-large":"_Heading--wide-s--variant-large_8r0pl_550","Heading--wide-s--variant-medium":"_Heading--wide-s--variant-medium_8r0pl_556","Heading--wide-s--variant-small":"_Heading--wide-s--variant-small_8r0pl_562","Heading--wide-l--variant-massive":"_Heading--wide-l--variant-massive_8r0pl_570","Heading--wide-l--variant-huge":"_Heading--wide-l--variant-huge_8r0pl_576","Heading--wide-l--variant-extraLarge":"_Heading--wide-l--variant-extraLarge_8r0pl_582","Heading--wide-l--variant-large":"_Heading--wide-l--variant-large_8r0pl_588","Heading--wide-l--variant-medium":"_Heading--wide-l--variant-medium_8r0pl_594","Heading--wide-l--variant-small":"_Heading--wide-l--variant-small_8r0pl_600"},me=t.forwardRef(function({children:e,variant:i,accent:n,level:l,large:r=!1,tag:u,color:_,centered:v,dataset:g,id:d,...H},b){const p=u||l||"h1",m=k(de,z.Heading,i?c("variant",i):B(`level-${l}-large`,`level-${l}-normal`,r)),o=se(v),x=ie(!(n?void 0:_),n),I=ne(_),C=["preply-ds-heading",...m,...o,...x,...I],w={...M(H),className:C.join(" "),...O(g,{preplyDsComponent:z.Heading}),id:d,ref:b};return s.jsx(p,{...w,children:e})});me.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{large:{defaultValue:{value:"false",computed:!1},required:!1}}};const Be="_Spinner_134w5_12",ce="_spin_134w5_1",j={Spinner:Be,"Spinner--size-default":"_Spinner--size-default_134w5_15","Spinner--size-large":"_Spinner--size-large_134w5_19","Spinner--narrow-l--size-default":"_Spinner--narrow-l--size-default_134w5_24","Spinner--narrow-l--size-large":"_Spinner--narrow-l--size-large_134w5_28","Spinner--medium-s--size-default":"_Spinner--medium-s--size-default_134w5_34","Spinner--medium-s--size-large":"_Spinner--medium-s--size-large_134w5_38","Spinner--medium-l--size-default":"_Spinner--medium-l--size-default_134w5_44","Spinner--medium-l--size-large":"_Spinner--medium-l--size-large_134w5_48","Spinner--wide-s--size-default":"_Spinner--wide-s--size-default_134w5_54","Spinner--wide-s--size-large":"_Spinner--wide-s--size-large_134w5_58","Spinner--wide-l--size-default":"_Spinner--wide-l--size-default_134w5_64","Spinner--wide-l--size-large":"_Spinner--wide-l--size-large_134w5_68","Spinner--static":"_Spinner--static_134w5_73","Spinner--animated":"_Spinner--animated_134w5_79",spin:ce},ve=({title:a,titleId:e,...i},n)=>t.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",ref:n,"aria-labelledby":e,...i},a?t.createElement("title",{id:e},a):null,t.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"})),ge=t.forwardRef(ve),we=({title:a,titleId:e,...i},n)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",fill:"none",ref:n,"aria-labelledby":e,...i},a?t.createElement("title",{id:e},a):null,t.createElement("g",{clipPath:"url(#clip0_1785_4234)"},t.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"}),t.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"})),t.createElement("defs",null,t.createElement("clipPath",{id:"clip0_1785_4234"},t.createElement("rect",{width:32,height:32,fill:"white"})))),he=t.forwardRef(we),E="Spinner",ye=({size:a=oe})=>{const e=k(j,E,[c("size",a)]),i=[...y(j,E,["animated"])],n=[...y(j,E,["static"])];return s.jsxs("span",{className:e.join(" "),children:[s.jsx("span",{className:i.join(" "),children:s.jsx(he,{})}),s.jsx("span",{className:n.join(" "),children:s.jsx(ge,{})})]})},Z=(a,e)=>{typeof a=="function"?a(e):a&&(a.current=e)},pe=(a,e)=>t.useCallback(i=>{Z(a,i),Z(e,i)},[a,e]),ze="_ButtonBase_2yc0c_51",L={"button-width--width-full":"_button-width--width-full_2yc0c_5","button-width--width-auto":"_button-width--width-auto_2yc0c_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_2yc0c_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_2yc0c_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_2yc0c_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_2yc0c_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_2yc0c_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_2yc0c_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_2yc0c_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_2yc0c_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_2yc0c_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_2yc0c_47",ButtonBase:ze,"ButtonBase--content":"_ButtonBase--content_2yc0c_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_2yc0c_84","ButtonBase--busy":"_ButtonBase--busy_2yc0c_91","ButtonBase--is-busy":"_ButtonBase--is-busy_2yc0c_114","ButtonBase--width-full":"_ButtonBase--width-full_2yc0c_121","ButtonBase--width-auto":"_ButtonBase--width-auto_2yc0c_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_2yc0c_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_2yc0c_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_2yc0c_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_2yc0c_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_2yc0c_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_2yc0c_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_2yc0c_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_2yc0c_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_2yc0c_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_2yc0c_163","ButtonBase--size-xs":"_ButtonBase--size-xs_2yc0c_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_2yc0c_176","ButtonBase--size-s":"_ButtonBase--size-s_2yc0c_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_2yc0c_190","ButtonBase--size-m":"_ButtonBase--size-m_2yc0c_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_2yc0c_204","ButtonBase--size-l":"_ButtonBase--size-l_2yc0c_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_2yc0c_218","ButtonBase--size-xl":"_ButtonBase--size-xl_2yc0c_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_2yc0c_232","ButtonBase--size-large":"_ButtonBase--size-large_2yc0c_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_2yc0c_246","ButtonBase--size-medium":"_ButtonBase--size-medium_2yc0c_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_2yc0c_260","ButtonBase--size-small":"_ButtonBase--size-small_2yc0c_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_2yc0c_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_2yc0c_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_2yc0c_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_2yc0c_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_2yc0c_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_2yc0c_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_2yc0c_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_2yc0c_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_2yc0c_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_2yc0c_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_2yc0c_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_2yc0c_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_2yc0c_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_2yc0c_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_2yc0c_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_2yc0c_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_2yc0c_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_2yc0c_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_2yc0c_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_2yc0c_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_2yc0c_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_2yc0c_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_2yc0c_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_2yc0c_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_2yc0c_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_2yc0c_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_2yc0c_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_2yc0c_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_2yc0c_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_2yc0c_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_2yc0c_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_2yc0c_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_2yc0c_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_2yc0c_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_2yc0c_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_2yc0c_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_2yc0c_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_2yc0c_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_2yc0c_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_2yc0c_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_2yc0c_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_2yc0c_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_2yc0c_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_2yc0c_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_2yc0c_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_2yc0c_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_2yc0c_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_2yc0c_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_2yc0c_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_2yc0c_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_2yc0c_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_2yc0c_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_2yc0c_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_2yc0c_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_2yc0c_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_2yc0c_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_2yc0c_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_2yc0c_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_2yc0c_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_2yc0c_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_2yc0c_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_2yc0c_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_2yc0c_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_2yc0c_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_2yc0c_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_2yc0c_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_2yc0c_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_2yc0c_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_2yc0c_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_2yc0c_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_2yc0c_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_2yc0c_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_2yc0c_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_2yc0c_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_2yc0c_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_2yc0c_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_2yc0c_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_2yc0c_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_2yc0c_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_2yc0c_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_2yc0c_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_2yc0c_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_2yc0c_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_2yc0c_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_2yc0c_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_2yc0c_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_2yc0c_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_2yc0c_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_2yc0c_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_2yc0c_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_2yc0c_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_2yc0c_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_2yc0c_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_2yc0c_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_2yc0c_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_2yc0c_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_2yc0c_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_2yc0c_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_2yc0c_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_2yc0c_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_2yc0c_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_2yc0c_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_2yc0c_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_2yc0c_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_2yc0c_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_2yc0c_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_2yc0c_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_2yc0c_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_2yc0c_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_2yc0c_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_2yc0c_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_2yc0c_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_2yc0c_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_2yc0c_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_2yc0c_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_2yc0c_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_2yc0c_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_2yc0c_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_2yc0c_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_2yc0c_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_2yc0c_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_2yc0c_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_2yc0c_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_2yc0c_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_2yc0c_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_2yc0c_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_2yc0c_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_2yc0c_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_2yc0c_1240"},R="ButtonBase",He=a=>Object.prototype.hasOwnProperty.call(a,"selected"),T=({children:a,busy:e})=>{const i=[...y(L,R,["content"])],n=[...y(L,R,["busy"])];return s.jsxs(s.Fragment,{children:[s.jsx("span",{className:i.join(" "),children:a}),e&&s.jsx("span",{className:n.join(" "),children:s.jsx(ye,{})})]})},W=t.forwardRef(function(e,i){const{variant:n=V,size:l=K,fullWidth:r=!1,wrap:u=!1,href:_,download:v,opensInNewTab:g,nofollow:d,submitsForm:H,assistiveText:b,onClick:p,disabled:m,busy:o,isIconButton:f,as:S,url:x,a11yLabel:I,dataset:C,children:w,dsInternalSimulation:G,preplyDsComponent:J,...Q}=e,{selected:X}=He(e)?e:{selected:void 0},Y=re(),F=t.useRef(null),D=pe(F,i),ee=h=>{(m||o)&&h.preventDefault(),p==null||p(h)},ae=h=>{var A;const q=ue(h.key);(q===" "||q==="Enter")&&(h.preventDefault(),(A=F.current)==null||A.click())},te=k(L,R,[c(`variant-${n}--dsInternalSimulation`,G),c("variant",n),c("size",l),f?c("is-icon-button-size",l):[],B(void 0,"no-wrap",u),B("width-full","width-auto",r),B("is-busy",void 0,o),B("is-icon-button",void 0,f),B(`variant-${n}--is-selected`,void 0,X)]),P={...M(Q),...O(C,{preplyDsComponent:J}),className:te.join(" "),"aria-label":b||I,onClick:ee,disabled:m,"aria-disabled":m||o?!0:void 0,ref:D},N=_||x,$={...P,download:v,ref:D,role:"button",tabIndex:m?-1:0,href:N,onKeyDown:ae};return N?s.jsx("a",{...$,...le(Y,N,g,d),children:T({children:w,busy:o})}):S?t.cloneElement(S,{...$},T({children:w,busy:o})):s.jsx("button",{...P,type:H?"submit":"button",children:T({children:w,busy:o})})});W.__docgenInfo={description:"",methods:[],displayName:"ButtonBase"};const be={"Button--icon":"_Button--icon_g8mgg_5"},fe=t.forwardRef(function({variant:e=V,size:i=K,url:n,a11yLabel:l,leadingSvgIcon:r,trailingSvgIcon:u,children:_,...v},g){const d=[...y(be,z.Button,["icon"])];return s.jsxs(W,{...v,ref:g,isIconButton:!1,variant:e,size:i,url:n,a11yLabel:l,preplyDsComponent:z.Button,children:[!!r&&s.jsx("span",{className:d.join(" "),children:U(r,{"aria-hidden":"true",focusable:"false"})}),_,!!u&&s.jsx("span",{className:d.join(" "),children:U(u,{"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-BuHavCSD.js → Button.stories-ompQpE7u.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-iyWiUe9X.js";import{B as a}from"./Button-G5Zxq86f.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-Desxs10d.js";import"./Spinner-C3p2WoxW.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-t5L07D8U.js";import{B as a}from"./Button-COvs-WT9.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-B-96BnyO.js";import"./Spinner-BmqtByaF.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-B-96BnyO.js

@@ -0,0 +1,8 @@
+import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r}from"./index-Cb9e4tly.js";import{S as J}from"./Spinner-BmqtByaF.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 at}from"./index-CC6DAVyL.js";const nt="_ButtonBase_2yc0c_51",y={"button-width--width-full":"_button-width--width-full_2yc0c_5","button-width--width-auto":"_button-width--width-auto_2yc0c_8","button-width--narrow-l--width-full":"_button-width--narrow-l--width-full_2yc0c_12","button-width--narrow-l--width-auto":"_button-width--narrow-l--width-auto_2yc0c_15","button-width--medium-s--width-full":"_button-width--medium-s--width-full_2yc0c_20","button-width--medium-s--width-auto":"_button-width--medium-s--width-auto_2yc0c_23","button-width--medium-l--width-full":"_button-width--medium-l--width-full_2yc0c_28","button-width--medium-l--width-auto":"_button-width--medium-l--width-auto_2yc0c_31","button-width--wide-s--width-full":"_button-width--wide-s--width-full_2yc0c_36","button-width--wide-s--width-auto":"_button-width--wide-s--width-auto_2yc0c_39","button-width--wide-l--width-full":"_button-width--wide-l--width-full_2yc0c_44","button-width--wide-l--width-auto":"_button-width--wide-l--width-auto_2yc0c_47",ButtonBase:nt,"ButtonBase--content":"_ButtonBase--content_2yc0c_77","ButtonBase--is-icon-button":"_ButtonBase--is-icon-button_2yc0c_84","ButtonBase--busy":"_ButtonBase--busy_2yc0c_91","ButtonBase--is-busy":"_ButtonBase--is-busy_2yc0c_114","ButtonBase--width-full":"_ButtonBase--width-full_2yc0c_121","ButtonBase--width-auto":"_ButtonBase--width-auto_2yc0c_124","ButtonBase--narrow-l--width-full":"_ButtonBase--narrow-l--width-full_2yc0c_128","ButtonBase--narrow-l--width-auto":"_ButtonBase--narrow-l--width-auto_2yc0c_131","ButtonBase--medium-s--width-full":"_ButtonBase--medium-s--width-full_2yc0c_136","ButtonBase--medium-s--width-auto":"_ButtonBase--medium-s--width-auto_2yc0c_139","ButtonBase--medium-l--width-full":"_ButtonBase--medium-l--width-full_2yc0c_144","ButtonBase--medium-l--width-auto":"_ButtonBase--medium-l--width-auto_2yc0c_147","ButtonBase--wide-s--width-full":"_ButtonBase--wide-s--width-full_2yc0c_152","ButtonBase--wide-s--width-auto":"_ButtonBase--wide-s--width-auto_2yc0c_155","ButtonBase--wide-l--width-full":"_ButtonBase--wide-l--width-full_2yc0c_160","ButtonBase--wide-l--width-auto":"_ButtonBase--wide-l--width-auto_2yc0c_163","ButtonBase--size-xs":"_ButtonBase--size-xs_2yc0c_167","ButtonBase--is-icon-button-size-xs":"_ButtonBase--is-icon-button-size-xs_2yc0c_176","ButtonBase--size-s":"_ButtonBase--size-s_2yc0c_181","ButtonBase--is-icon-button-size-s":"_ButtonBase--is-icon-button-size-s_2yc0c_190","ButtonBase--size-m":"_ButtonBase--size-m_2yc0c_195","ButtonBase--is-icon-button-size-m":"_ButtonBase--is-icon-button-size-m_2yc0c_204","ButtonBase--size-l":"_ButtonBase--size-l_2yc0c_209","ButtonBase--is-icon-button-size-l":"_ButtonBase--is-icon-button-size-l_2yc0c_218","ButtonBase--size-xl":"_ButtonBase--size-xl_2yc0c_223","ButtonBase--is-icon-button-size-xl":"_ButtonBase--is-icon-button-size-xl_2yc0c_232","ButtonBase--size-large":"_ButtonBase--size-large_2yc0c_237","ButtonBase--is-icon-button-size-large":"_ButtonBase--is-icon-button-size-large_2yc0c_246","ButtonBase--size-medium":"_ButtonBase--size-medium_2yc0c_251","ButtonBase--is-icon-button-size-medium":"_ButtonBase--is-icon-button-size-medium_2yc0c_260","ButtonBase--size-small":"_ButtonBase--size-small_2yc0c_265","ButtonBase--is-icon-button-size-small":"_ButtonBase--is-icon-button-size-small_2yc0c_274","ButtonBase--narrow-l--size-xs":"_ButtonBase--narrow-l--size-xs_2yc0c_280","ButtonBase--narrow-l--is-icon-button-size-xs":"_ButtonBase--narrow-l--is-icon-button-size-xs_2yc0c_289","ButtonBase--narrow-l--size-s":"_ButtonBase--narrow-l--size-s_2yc0c_294","ButtonBase--narrow-l--is-icon-button-size-s":"_ButtonBase--narrow-l--is-icon-button-size-s_2yc0c_303","ButtonBase--narrow-l--size-m":"_ButtonBase--narrow-l--size-m_2yc0c_308","ButtonBase--narrow-l--is-icon-button-size-m":"_ButtonBase--narrow-l--is-icon-button-size-m_2yc0c_317","ButtonBase--narrow-l--size-l":"_ButtonBase--narrow-l--size-l_2yc0c_322","ButtonBase--narrow-l--is-icon-button-size-l":"_ButtonBase--narrow-l--is-icon-button-size-l_2yc0c_331","ButtonBase--narrow-l--size-xl":"_ButtonBase--narrow-l--size-xl_2yc0c_336","ButtonBase--narrow-l--is-icon-button-size-xl":"_ButtonBase--narrow-l--is-icon-button-size-xl_2yc0c_345","ButtonBase--narrow-l--size-large":"_ButtonBase--narrow-l--size-large_2yc0c_350","ButtonBase--narrow-l--is-icon-button-size-large":"_ButtonBase--narrow-l--is-icon-button-size-large_2yc0c_359","ButtonBase--narrow-l--size-medium":"_ButtonBase--narrow-l--size-medium_2yc0c_364","ButtonBase--narrow-l--is-icon-button-size-medium":"_ButtonBase--narrow-l--is-icon-button-size-medium_2yc0c_373","ButtonBase--narrow-l--size-small":"_ButtonBase--narrow-l--size-small_2yc0c_378","ButtonBase--narrow-l--is-icon-button-size-small":"_ButtonBase--narrow-l--is-icon-button-size-small_2yc0c_387","ButtonBase--medium-s--size-xs":"_ButtonBase--medium-s--size-xs_2yc0c_394","ButtonBase--medium-s--is-icon-button-size-xs":"_ButtonBase--medium-s--is-icon-button-size-xs_2yc0c_403","ButtonBase--medium-s--size-s":"_ButtonBase--medium-s--size-s_2yc0c_408","ButtonBase--medium-s--is-icon-button-size-s":"_ButtonBase--medium-s--is-icon-button-size-s_2yc0c_417","ButtonBase--medium-s--size-m":"_ButtonBase--medium-s--size-m_2yc0c_422","ButtonBase--medium-s--is-icon-button-size-m":"_ButtonBase--medium-s--is-icon-button-size-m_2yc0c_431","ButtonBase--medium-s--size-l":"_ButtonBase--medium-s--size-l_2yc0c_436","ButtonBase--medium-s--is-icon-button-size-l":"_ButtonBase--medium-s--is-icon-button-size-l_2yc0c_445","ButtonBase--medium-s--size-xl":"_ButtonBase--medium-s--size-xl_2yc0c_450","ButtonBase--medium-s--is-icon-button-size-xl":"_ButtonBase--medium-s--is-icon-button-size-xl_2yc0c_459","ButtonBase--medium-s--size-large":"_ButtonBase--medium-s--size-large_2yc0c_464","ButtonBase--medium-s--is-icon-button-size-large":"_ButtonBase--medium-s--is-icon-button-size-large_2yc0c_473","ButtonBase--medium-s--size-medium":"_ButtonBase--medium-s--size-medium_2yc0c_478","ButtonBase--medium-s--is-icon-button-size-medium":"_ButtonBase--medium-s--is-icon-button-size-medium_2yc0c_487","ButtonBase--medium-s--size-small":"_ButtonBase--medium-s--size-small_2yc0c_492","ButtonBase--medium-s--is-icon-button-size-small":"_ButtonBase--medium-s--is-icon-button-size-small_2yc0c_501","ButtonBase--medium-l--size-xs":"_ButtonBase--medium-l--size-xs_2yc0c_508","ButtonBase--medium-l--is-icon-button-size-xs":"_ButtonBase--medium-l--is-icon-button-size-xs_2yc0c_517","ButtonBase--medium-l--size-s":"_ButtonBase--medium-l--size-s_2yc0c_522","ButtonBase--medium-l--is-icon-button-size-s":"_ButtonBase--medium-l--is-icon-button-size-s_2yc0c_531","ButtonBase--medium-l--size-m":"_ButtonBase--medium-l--size-m_2yc0c_536","ButtonBase--medium-l--is-icon-button-size-m":"_ButtonBase--medium-l--is-icon-button-size-m_2yc0c_545","ButtonBase--medium-l--size-l":"_ButtonBase--medium-l--size-l_2yc0c_550","ButtonBase--medium-l--is-icon-button-size-l":"_ButtonBase--medium-l--is-icon-button-size-l_2yc0c_559","ButtonBase--medium-l--size-xl":"_ButtonBase--medium-l--size-xl_2yc0c_564","ButtonBase--medium-l--is-icon-button-size-xl":"_ButtonBase--medium-l--is-icon-button-size-xl_2yc0c_573","ButtonBase--medium-l--size-large":"_ButtonBase--medium-l--size-large_2yc0c_578","ButtonBase--medium-l--is-icon-button-size-large":"_ButtonBase--medium-l--is-icon-button-size-large_2yc0c_587","ButtonBase--medium-l--size-medium":"_ButtonBase--medium-l--size-medium_2yc0c_592","ButtonBase--medium-l--is-icon-button-size-medium":"_ButtonBase--medium-l--is-icon-button-size-medium_2yc0c_601","ButtonBase--medium-l--size-small":"_ButtonBase--medium-l--size-small_2yc0c_606","ButtonBase--medium-l--is-icon-button-size-small":"_ButtonBase--medium-l--is-icon-button-size-small_2yc0c_615","ButtonBase--wide-s--size-xs":"_ButtonBase--wide-s--size-xs_2yc0c_622","ButtonBase--wide-s--is-icon-button-size-xs":"_ButtonBase--wide-s--is-icon-button-size-xs_2yc0c_631","ButtonBase--wide-s--size-s":"_ButtonBase--wide-s--size-s_2yc0c_636","ButtonBase--wide-s--is-icon-button-size-s":"_ButtonBase--wide-s--is-icon-button-size-s_2yc0c_645","ButtonBase--wide-s--size-m":"_ButtonBase--wide-s--size-m_2yc0c_650","ButtonBase--wide-s--is-icon-button-size-m":"_ButtonBase--wide-s--is-icon-button-size-m_2yc0c_659","ButtonBase--wide-s--size-l":"_ButtonBase--wide-s--size-l_2yc0c_664","ButtonBase--wide-s--is-icon-button-size-l":"_ButtonBase--wide-s--is-icon-button-size-l_2yc0c_673","ButtonBase--wide-s--size-xl":"_ButtonBase--wide-s--size-xl_2yc0c_678","ButtonBase--wide-s--is-icon-button-size-xl":"_ButtonBase--wide-s--is-icon-button-size-xl_2yc0c_687","ButtonBase--wide-s--size-large":"_ButtonBase--wide-s--size-large_2yc0c_692","ButtonBase--wide-s--is-icon-button-size-large":"_ButtonBase--wide-s--is-icon-button-size-large_2yc0c_701","ButtonBase--wide-s--size-medium":"_ButtonBase--wide-s--size-medium_2yc0c_706","ButtonBase--wide-s--is-icon-button-size-medium":"_ButtonBase--wide-s--is-icon-button-size-medium_2yc0c_715","ButtonBase--wide-s--size-small":"_ButtonBase--wide-s--size-small_2yc0c_720","ButtonBase--wide-s--is-icon-button-size-small":"_ButtonBase--wide-s--is-icon-button-size-small_2yc0c_729","ButtonBase--wide-l--size-xs":"_ButtonBase--wide-l--size-xs_2yc0c_736","ButtonBase--wide-l--is-icon-button-size-xs":"_ButtonBase--wide-l--is-icon-button-size-xs_2yc0c_745","ButtonBase--wide-l--size-s":"_ButtonBase--wide-l--size-s_2yc0c_750","ButtonBase--wide-l--is-icon-button-size-s":"_ButtonBase--wide-l--is-icon-button-size-s_2yc0c_759","ButtonBase--wide-l--size-m":"_ButtonBase--wide-l--size-m_2yc0c_764","ButtonBase--wide-l--is-icon-button-size-m":"_ButtonBase--wide-l--is-icon-button-size-m_2yc0c_773","ButtonBase--wide-l--size-l":"_ButtonBase--wide-l--size-l_2yc0c_778","ButtonBase--wide-l--is-icon-button-size-l":"_ButtonBase--wide-l--is-icon-button-size-l_2yc0c_787","ButtonBase--wide-l--size-xl":"_ButtonBase--wide-l--size-xl_2yc0c_792","ButtonBase--wide-l--is-icon-button-size-xl":"_ButtonBase--wide-l--is-icon-button-size-xl_2yc0c_801","ButtonBase--wide-l--size-large":"_ButtonBase--wide-l--size-large_2yc0c_806","ButtonBase--wide-l--is-icon-button-size-large":"_ButtonBase--wide-l--is-icon-button-size-large_2yc0c_815","ButtonBase--wide-l--size-medium":"_ButtonBase--wide-l--size-medium_2yc0c_820","ButtonBase--wide-l--is-icon-button-size-medium":"_ButtonBase--wide-l--is-icon-button-size-medium_2yc0c_829","ButtonBase--wide-l--size-small":"_ButtonBase--wide-l--size-small_2yc0c_834","ButtonBase--wide-l--is-icon-button-size-small":"_ButtonBase--wide-l--is-icon-button-size-small_2yc0c_843","ButtonBase--variant-primary":"_ButtonBase--variant-primary_2yc0c_849","ButtonBase--variant-primary--dsInternalSimulation-hover":"_ButtonBase--variant-primary--dsInternalSimulation-hover_2yc0c_855","ButtonBase--variant-primary--dsInternalSimulation-active":"_ButtonBase--variant-primary--dsInternalSimulation-active_2yc0c_870","ButtonBase--variant-secondary":"_ButtonBase--variant-secondary_2yc0c_874","ButtonBase--variant-secondary--dsInternalSimulation-hover":"_ButtonBase--variant-secondary--dsInternalSimulation-hover_2yc0c_880","ButtonBase--variant-secondary--dsInternalSimulation-active":"_ButtonBase--variant-secondary--dsInternalSimulation-active_2yc0c_895","ButtonBase--variant-tertiary":"_ButtonBase--variant-tertiary_2yc0c_899","ButtonBase--variant-tertiary--dsInternalSimulation-hover":"_ButtonBase--variant-tertiary--dsInternalSimulation-hover_2yc0c_905","ButtonBase--variant-tertiary--dsInternalSimulation-active":"_ButtonBase--variant-tertiary--dsInternalSimulation-active_2yc0c_920","ButtonBase--variant-quaternary":"_ButtonBase--variant-quaternary_2yc0c_924","ButtonBase--variant-quaternary--dsInternalSimulation-hover":"_ButtonBase--variant-quaternary--dsInternalSimulation-hover_2yc0c_930","ButtonBase--variant-quaternary--dsInternalSimulation-active":"_ButtonBase--variant-quaternary--dsInternalSimulation-active_2yc0c_945","ButtonBase--variant-ghost":"_ButtonBase--variant-ghost_2yc0c_949","ButtonBase--variant-ghost--dsInternalSimulation-hover":"_ButtonBase--variant-ghost--dsInternalSimulation-hover_2yc0c_955","ButtonBase--variant-ghost--dsInternalSimulation-active":"_ButtonBase--variant-ghost--dsInternalSimulation-active_2yc0c_970","ButtonBase--variant-ghost--is-selected":"_ButtonBase--variant-ghost--is-selected_2yc0c_974","ButtonBase--variant-plain":"_ButtonBase--variant-plain_2yc0c_978","ButtonBase--variant-plain--dsInternalSimulation-hover":"_ButtonBase--variant-plain--dsInternalSimulation-hover_2yc0c_984","ButtonBase--variant-plain--dsInternalSimulation-active":"_ButtonBase--variant-plain--dsInternalSimulation-active_2yc0c_999","ButtonBase--variant-dangerous":"_ButtonBase--variant-dangerous_2yc0c_1003","ButtonBase--variant-dangerous--dsInternalSimulation-hover":"_ButtonBase--variant-dangerous--dsInternalSimulation-hover_2yc0c_1009","ButtonBase--variant-dangerous--dsInternalSimulation-active":"_ButtonBase--variant-dangerous--dsInternalSimulation-active_2yc0c_1024","ButtonBase--variant-critical":"_ButtonBase--variant-critical_2yc0c_1028","ButtonBase--variant-critical--dsInternalSimulation-hover":"_ButtonBase--variant-critical--dsInternalSimulation-hover_2yc0c_1034","ButtonBase--variant-critical--dsInternalSimulation-active":"_ButtonBase--variant-critical--dsInternalSimulation-active_2yc0c_1049","ButtonBase--variant-onColor":"_ButtonBase--variant-onColor_2yc0c_1053","ButtonBase--variant-onColor--dsInternalSimulation-hover":"_ButtonBase--variant-onColor--dsInternalSimulation-hover_2yc0c_1059","ButtonBase--variant-onColor--dsInternalSimulation-active":"_ButtonBase--variant-onColor--dsInternalSimulation-active_2yc0c_1074","ButtonBase--variant-classroom":"_ButtonBase--variant-classroom_2yc0c_1078","ButtonBase--variant-classroom--dsInternalSimulation-hover":"_ButtonBase--variant-classroom--dsInternalSimulation-hover_2yc0c_1084","ButtonBase--variant-classroom--dsInternalSimulation-active":"_ButtonBase--variant-classroom--dsInternalSimulation-active_2yc0c_1099","ButtonBase--variant-classroom--is-selected":"_ButtonBase--variant-classroom--is-selected_2yc0c_1103","ButtonBase--variant-primaryB2b":"_ButtonBase--variant-primaryB2b_2yc0c_1107","ButtonBase--variant-primaryB2b--dsInternalSimulation-hover":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_2yc0c_1113","ButtonBase--variant-primaryB2b--dsInternalSimulation-active":"_ButtonBase--variant-primaryB2b--dsInternalSimulation-active_2yc0c_1128","ButtonBase--variant-primaryTutor":"_ButtonBase--variant-primaryTutor_2yc0c_1132","ButtonBase--variant-primaryTutor--dsInternalSimulation-hover":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_2yc0c_1138","ButtonBase--variant-primaryTutor--dsInternalSimulation-active":"_ButtonBase--variant-primaryTutor--dsInternalSimulation-active_2yc0c_1153","ButtonBase--variant-inverted":"_ButtonBase--variant-inverted_2yc0c_1157","ButtonBase--variant-inverted--dsInternalSimulation-hover":"_ButtonBase--variant-inverted--dsInternalSimulation-hover_2yc0c_1163","ButtonBase--variant-inverted--dsInternalSimulation-active":"_ButtonBase--variant-inverted--dsInternalSimulation-active_2yc0c_1178","ButtonBase--variant-newFeature":"_ButtonBase--variant-newFeature_2yc0c_1182","ButtonBase--variant-newFeature--dsInternalSimulation-hover":"_ButtonBase--variant-newFeature--dsInternalSimulation-hover_2yc0c_1188","ButtonBase--variant-newFeature--dsInternalSimulation-active":"_ButtonBase--variant-newFeature--dsInternalSimulation-active_2yc0c_1203","ButtonBase--variant-ai":"_ButtonBase--variant-ai_2yc0c_1207","ButtonBase--variant-ai--dsInternalSimulation-hover":"_ButtonBase--variant-ai--dsInternalSimulation-hover_2yc0c_1213","ButtonBase--variant-ai--dsInternalSimulation-active":"_ButtonBase--variant-ai--dsInternalSimulation-active_2yc0c_1228","ButtonBase--no-wrap":"_ButtonBase--no-wrap_2yc0c_1240"},T=(t,e)=>{typeof t=="function"?t(e):t&&(t.current=e)},it=(t,e)=>r.useCallback(n=>{T(t,n),T(e,n)},[t,e]),v="ButtonBase",st=t=>Object.prototype.hasOwnProperty.call(t,"selected"),d=({children:t,busy:e})=>{const n=[...x(y,v,["content"])],s=[...x(y,v,["busy"])];return a.jsxs(a.Fragment,{children:[a.jsx("span",{className:n.join(" "),children:t}),e&&a.jsx("span",{className:s.join(" "),children:a.jsx(J,{})})]})},q=r.forwardRef(function(e,n){const{variant:s=Z,size:w=G,fullWidth:C=!1,wrap:V=!1,href:E,download:N,opensInNewTab:k,nofollow:R,submitsForm:j,assistiveText:F,onClick:c,disabled:l,busy:i,isIconButton:z,as:b,url:L,a11yLabel:D,dataset:A,children:_,dsInternalSimulation:P,preplyDsComponent:H,...U}=e,{selected:M}=st(e)?e:{selected:void 0},O=Q(),h=r.useRef(null),p=it(h,n),K=o=>{(l||i)&&o.preventDefault(),c==null||c(o)},W=o=>{var g;const S=at(o.key);(S===" "||S==="Enter")&&(o.preventDefault(),(g=h.current)==null||g.click())},$=Y(y,v,[B(`variant-${s}--dsInternalSimulation`,P),B("variant",s),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,i),u("is-icon-button",void 0,z),u(`variant-${s}--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||i?!0:void 0,ref:p},m=E||L,I={...f,download:N,ref:p,role:"button",tabIndex:l?-1:0,href:m,onKeyDown:W};return m?a.jsx("a",{...I,...et(O,m,k,R),children:d({children:_,busy:i})}):b?r.cloneElement(b,{...I},d({children:_,busy:i})):a.jsx("button",{...f,type:j?"submit":"button",children:d({children:_,busy:i})})});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-CN93Hyoe.css → ButtonBase-BiHsr0j0.css}

@@ -1 +1 @@
-._button-width--width-full_zo214_5{width:100%}._button-width--width-auto_zo214_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_zo214_12{width:100%}._button-width--narrow-l--width-auto_zo214_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_zo214_20{width:100%}._button-width--medium-s--width-auto_zo214_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_zo214_28{width:100%}._button-width--medium-l--width-auto_zo214_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_zo214_36{width:100%}._button-width--wide-s--width-auto_zo214_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_zo214_44{width:100%}._button-width--wide-l--width-auto_zo214_47{width:auto}}._ButtonBase_zo214_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_zo214_77{display:inline-flex;align-items:center;gap:var(--0aee7b);justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_zo214_84 ._ButtonBase--content_zo214_77 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_zo214_84 ._ButtonBase--content_zo214_77 svg path{fill:currentColor}._ButtonBase--busy_zo214_91{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}._ButtonBase_zo214_51[disabled],._ButtonBase_zo214_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_zo214_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_zo214_114{cursor:default;pointer-events:none}._ButtonBase--is-busy_zo214_114 ._ButtonBase--content_zo214_77{visibility:hidden}._ButtonBase--width-full_zo214_121{width:100%}._ButtonBase--width-auto_zo214_124{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_zo214_128{width:100%}._ButtonBase--narrow-l--width-auto_zo214_131{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_zo214_136{width:100%}._ButtonBase--medium-s--width-auto_zo214_139{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_zo214_144{width:100%}._ButtonBase--medium-l--width-auto_zo214_147{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_zo214_152{width:100%}._ButtonBase--wide-s--width-auto_zo214_155{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_zo214_160{width:100%}._ButtonBase--wide-l--width-auto_zo214_163{width:auto}}._ButtonBase--size-xs_zo214_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_zo214_176{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_zo214_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_zo214_190{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_zo214_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_zo214_204{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_zo214_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_zo214_218{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_zo214_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_zo214_232{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_zo214_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_zo214_246{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_zo214_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_zo214_260{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_zo214_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_zo214_274{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_zo214_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_zo214_289{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_zo214_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_zo214_303{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_zo214_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_zo214_317{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_zo214_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_zo214_331{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_zo214_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_zo214_345{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_zo214_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_zo214_359{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_zo214_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_zo214_373{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_zo214_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_zo214_387{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_zo214_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_zo214_403{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_zo214_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_zo214_417{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_zo214_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_zo214_431{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_zo214_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_zo214_445{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_zo214_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_zo214_459{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_zo214_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_zo214_473{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_zo214_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_zo214_487{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_zo214_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_zo214_501{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_zo214_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_zo214_517{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_zo214_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_zo214_531{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_zo214_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_zo214_545{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_zo214_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_zo214_559{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_zo214_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_zo214_573{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_zo214_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_zo214_587{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_zo214_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_zo214_601{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_zo214_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_zo214_615{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_zo214_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_zo214_631{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_zo214_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_zo214_645{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_zo214_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_zo214_659{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_zo214_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_zo214_673{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_zo214_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_zo214_687{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_zo214_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_zo214_701{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_zo214_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_zo214_715{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_zo214_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_zo214_729{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_zo214_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_zo214_745{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_zo214_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_zo214_759{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_zo214_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_zo214_773{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_zo214_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_zo214_787{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_zo214_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_zo214_801{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_zo214_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_zo214_815{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_zo214_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_zo214_829{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_zo214_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_zo214_843{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_zo214_849{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_zo214_855{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_zo214_849:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_zo214_849[disabled],._ButtonBase--variant-primary_zo214_849[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_zo214_849:active,._ButtonBase--variant-primary--dsInternalSimulation-active_zo214_870{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_zo214_874{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_zo214_880{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_zo214_874:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_zo214_874[disabled],._ButtonBase--variant-secondary_zo214_874[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_zo214_874:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_zo214_895{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_zo214_899{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_zo214_905{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_zo214_899:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_zo214_899[disabled],._ButtonBase--variant-tertiary_zo214_899[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_zo214_899:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_zo214_920{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_zo214_924{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_zo214_930{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_zo214_924:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_zo214_924[disabled],._ButtonBase--variant-quaternary_zo214_924[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_zo214_924:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_zo214_945{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_zo214_949{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_zo214_955{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_zo214_949:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_zo214_949[disabled],._ButtonBase--variant-ghost_zo214_949[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_zo214_949:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_zo214_970{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_zo214_974{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_zo214_978{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_zo214_984{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_zo214_978:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_zo214_978[disabled],._ButtonBase--variant-plain_zo214_978[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_zo214_978:active,._ButtonBase--variant-plain--dsInternalSimulation-active_zo214_999{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_zo214_1003{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_zo214_1009{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_zo214_1003:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_zo214_1003[disabled],._ButtonBase--variant-dangerous_zo214_1003[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_zo214_1003:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_zo214_1024{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_zo214_1028{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_zo214_1034{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_zo214_1028:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_zo214_1028[disabled],._ButtonBase--variant-critical_zo214_1028[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_zo214_1028:active,._ButtonBase--variant-critical--dsInternalSimulation-active_zo214_1049{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_zo214_1053{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_zo214_1059{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_zo214_1053:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_zo214_1053[disabled],._ButtonBase--variant-onColor_zo214_1053[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_zo214_1053:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_zo214_1074{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_zo214_1078{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_zo214_1084{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_zo214_1078:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_zo214_1078[disabled],._ButtonBase--variant-classroom_zo214_1078[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_zo214_1078:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_zo214_1099{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_zo214_1103{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_zo214_1107{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_zo214_1113{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_zo214_1107:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_zo214_1107[disabled],._ButtonBase--variant-primaryB2b_zo214_1107[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_zo214_1107:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_zo214_1128{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_zo214_1132{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_zo214_1138{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_zo214_1132:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_zo214_1132[disabled],._ButtonBase--variant-primaryTutor_zo214_1132[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_zo214_1132:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_zo214_1153{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_zo214_1157{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_zo214_1163{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_zo214_1157:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_zo214_1157[disabled],._ButtonBase--variant-inverted_zo214_1157[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_zo214_1157:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_zo214_1178{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_zo214_1182{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_zo214_1188{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_zo214_1182:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_zo214_1182[disabled],._ButtonBase--variant-newFeature_zo214_1182[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_zo214_1182:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_zo214_1203{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_zo214_1207{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_zo214_1213{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_zo214_1207:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_zo214_1207[disabled],._ButtonBase--variant-ai_zo214_1207[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_zo214_1207:active,._ButtonBase--variant-ai--dsInternalSimulation-active_zo214_1228{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_zo214_1207{border-image:var(--0b0037)}._ButtonBase--variant-ai_zo214_1207[disabled],._ButtonBase--variant-ai_zo214_1207[disabled]:hover{border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_zo214_1240{min-width:max-content}
+._button-width--width-full_2yc0c_5{width:100%}._button-width--width-auto_2yc0c_8{width:auto}@media (min-width: 400px){._button-width--narrow-l--width-full_2yc0c_12{width:100%}._button-width--narrow-l--width-auto_2yc0c_15{width:auto}}@media (min-width: 700px){._button-width--medium-s--width-full_2yc0c_20{width:100%}._button-width--medium-s--width-auto_2yc0c_23{width:auto}}@media (min-width: 880px){._button-width--medium-l--width-full_2yc0c_28{width:100%}._button-width--medium-l--width-auto_2yc0c_31{width:auto}}@media (min-width: 1200px){._button-width--wide-s--width-full_2yc0c_36{width:100%}._button-width--wide-s--width-auto_2yc0c_39{width:auto}}@media (min-width: 1900px){._button-width--wide-l--width-full_2yc0c_44{width:100%}._button-width--wide-l--width-auto_2yc0c_47{width:auto}}._ButtonBase_2yc0c_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_2yc0c_77{display:inline-flex;align-items:center;gap:var(--0aee7b);justify-content:center;vertical-align:baseline}._ButtonBase--is-icon-button_2yc0c_84 ._ButtonBase--content_2yc0c_77 svg{width:var(--f02c4e);height:var(--f02c4e)}._ButtonBase--is-icon-button_2yc0c_84 ._ButtonBase--content_2yc0c_77 svg path{fill:currentColor}._ButtonBase--busy_2yc0c_91{position:absolute;top:0;left:0;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}._ButtonBase_2yc0c_51[disabled],._ButtonBase_2yc0c_51[disabled]:hover{cursor:not-allowed;color:var(--a8b89c);background-color:var(--04daeb);border-color:var(--e05289)}._ButtonBase_2yc0c_51:focus-visible{outline-style:solid;outline-color:var(--603ec6);outline-width:var(--99d31f);outline-offset:var(--c0b12c)}._ButtonBase--is-busy_2yc0c_114{cursor:default;pointer-events:none}._ButtonBase--is-busy_2yc0c_114 ._ButtonBase--content_2yc0c_77{visibility:hidden}._ButtonBase--width-full_2yc0c_121{width:100%}._ButtonBase--width-auto_2yc0c_124{width:auto}@media (min-width: 400px){._ButtonBase--narrow-l--width-full_2yc0c_128{width:100%}._ButtonBase--narrow-l--width-auto_2yc0c_131{width:auto}}@media (min-width: 700px){._ButtonBase--medium-s--width-full_2yc0c_136{width:100%}._ButtonBase--medium-s--width-auto_2yc0c_139{width:auto}}@media (min-width: 880px){._ButtonBase--medium-l--width-full_2yc0c_144{width:100%}._ButtonBase--medium-l--width-auto_2yc0c_147{width:auto}}@media (min-width: 1200px){._ButtonBase--wide-s--width-full_2yc0c_152{width:100%}._ButtonBase--wide-s--width-auto_2yc0c_155{width:auto}}@media (min-width: 1900px){._ButtonBase--wide-l--width-full_2yc0c_160{width:100%}._ButtonBase--wide-l--width-auto_2yc0c_163{width:auto}}._ButtonBase--size-xs_2yc0c_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_2yc0c_176{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--size-s_2yc0c_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_2yc0c_190{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--size-m_2yc0c_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_2yc0c_204{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--size-l_2yc0c_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_2yc0c_218{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--size-xl_2yc0c_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_2yc0c_232{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--size-large_2yc0c_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_2yc0c_246{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--size-medium_2yc0c_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_2yc0c_260{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--size-small_2yc0c_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_2yc0c_274{width:var(--5eca09);height:var(--5eca09);padding:0}@media (min-width: 400px){._ButtonBase--narrow-l--size-xs_2yc0c_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_2yc0c_289{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--narrow-l--size-s_2yc0c_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_2yc0c_303{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--narrow-l--size-m_2yc0c_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_2yc0c_317{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--narrow-l--size-l_2yc0c_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_2yc0c_331{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--narrow-l--size-xl_2yc0c_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_2yc0c_345{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--narrow-l--size-large_2yc0c_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_2yc0c_359{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--narrow-l--size-medium_2yc0c_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_2yc0c_373{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--narrow-l--size-small_2yc0c_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_2yc0c_387{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 700px){._ButtonBase--medium-s--size-xs_2yc0c_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_2yc0c_403{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-s--size-s_2yc0c_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_2yc0c_417{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-s--size-m_2yc0c_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_2yc0c_431{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-s--size-l_2yc0c_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_2yc0c_445{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-s--size-xl_2yc0c_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_2yc0c_459{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-s--size-large_2yc0c_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_2yc0c_473{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-s--size-medium_2yc0c_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_2yc0c_487{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-s--size-small_2yc0c_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_2yc0c_501{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 880px){._ButtonBase--medium-l--size-xs_2yc0c_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_2yc0c_517{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--medium-l--size-s_2yc0c_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_2yc0c_531{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--medium-l--size-m_2yc0c_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_2yc0c_545{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--medium-l--size-l_2yc0c_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_2yc0c_559{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--medium-l--size-xl_2yc0c_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_2yc0c_573{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--medium-l--size-large_2yc0c_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_2yc0c_587{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--medium-l--size-medium_2yc0c_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_2yc0c_601{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--medium-l--size-small_2yc0c_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_2yc0c_615{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1200px){._ButtonBase--wide-s--size-xs_2yc0c_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_2yc0c_631{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-s--size-s_2yc0c_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_2yc0c_645{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-s--size-m_2yc0c_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_2yc0c_659{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-s--size-l_2yc0c_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_2yc0c_673{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-s--size-xl_2yc0c_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_2yc0c_687{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-s--size-large_2yc0c_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_2yc0c_701{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-s--size-medium_2yc0c_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_2yc0c_715{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-s--size-small_2yc0c_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_2yc0c_729{width:var(--5eca09);height:var(--5eca09);padding:0}}@media (min-width: 1900px){._ButtonBase--wide-l--size-xs_2yc0c_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_2yc0c_745{width:var(--50cc65);height:var(--50cc65);padding:0}._ButtonBase--wide-l--size-s_2yc0c_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_2yc0c_759{width:var(--2f2e00);height:var(--2f2e00);padding:0}._ButtonBase--wide-l--size-m_2yc0c_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_2yc0c_773{width:var(--bcfcbc);height:var(--bcfcbc);padding:0}._ButtonBase--wide-l--size-l_2yc0c_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_2yc0c_787{width:var(--26156f);height:var(--26156f);padding:0}._ButtonBase--wide-l--size-xl_2yc0c_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_2yc0c_801{width:var(--d6bfc9);height:var(--d6bfc9);padding:0}._ButtonBase--wide-l--size-large_2yc0c_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_2yc0c_815{width:var(--3d8452);height:var(--3d8452);padding:0}._ButtonBase--wide-l--size-medium_2yc0c_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_2yc0c_829{width:var(--c82a41);height:var(--c82a41);padding:0}._ButtonBase--wide-l--size-small_2yc0c_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_2yc0c_843{width:var(--5eca09);height:var(--5eca09);padding:0}}._ButtonBase--variant-primary_2yc0c_849{color:var(--d2baa6);background-color:var(--508b34);border-color:var(--44bfe9);text-decoration:var(--74cfa2)}._ButtonBase--variant-primary--dsInternalSimulation-hover_2yc0c_855{color:var(--df6151);background-color:var(--902b50)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primary_2yc0c_849:hover{color:var(--df6151);background-color:var(--902b50)}}._ButtonBase--variant-primary_2yc0c_849[disabled],._ButtonBase--variant-primary_2yc0c_849[disabled]:hover{border-color:var(--f0720e)}._ButtonBase--variant-primary_2yc0c_849:active,._ButtonBase--variant-primary--dsInternalSimulation-active_2yc0c_870{color:var(--15cee1);background-color:var(--c1c1ca)}._ButtonBase--variant-secondary_2yc0c_874{color:var(--1614c9);background-color:var(--e56164);border-color:var(--ab736c);text-decoration:var(--c6c73d)}._ButtonBase--variant-secondary--dsInternalSimulation-hover_2yc0c_880{color:var(--0d6ae2);background-color:var(--0d124d)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-secondary_2yc0c_874:hover{color:var(--0d6ae2);background-color:var(--0d124d)}}._ButtonBase--variant-secondary_2yc0c_874[disabled],._ButtonBase--variant-secondary_2yc0c_874[disabled]:hover{border-color:var(--3f0f51)}._ButtonBase--variant-secondary_2yc0c_874:active,._ButtonBase--variant-secondary--dsInternalSimulation-active_2yc0c_895{color:var(--22cb4c);background-color:var(--33b439)}._ButtonBase--variant-tertiary_2yc0c_899{color:var(--937543);background-color:var(--28f3c1);border-color:var(--10556e);text-decoration:var(--ce0e6a)}._ButtonBase--variant-tertiary--dsInternalSimulation-hover_2yc0c_905{color:var(--175a77);background-color:var(--ec17be)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-tertiary_2yc0c_899:hover{color:var(--175a77);background-color:var(--ec17be)}}._ButtonBase--variant-tertiary_2yc0c_899[disabled],._ButtonBase--variant-tertiary_2yc0c_899[disabled]:hover{border-color:var(--fd08b7)}._ButtonBase--variant-tertiary_2yc0c_899:active,._ButtonBase--variant-tertiary--dsInternalSimulation-active_2yc0c_920{color:var(--8274ee);background-color:var(--b0bf50)}._ButtonBase--variant-quaternary_2yc0c_924{color:var(--9cf6ec);background-color:var(--e46449);border-color:var(--0e9e01);text-decoration:var(--5c0a2f)}._ButtonBase--variant-quaternary--dsInternalSimulation-hover_2yc0c_930{color:var(--6609c6);background-color:var(--afc176)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-quaternary_2yc0c_924:hover{color:var(--6609c6);background-color:var(--afc176)}}._ButtonBase--variant-quaternary_2yc0c_924[disabled],._ButtonBase--variant-quaternary_2yc0c_924[disabled]:hover{border-color:var(--3e2684)}._ButtonBase--variant-quaternary_2yc0c_924:active,._ButtonBase--variant-quaternary--dsInternalSimulation-active_2yc0c_945{color:var(--e9f226);background-color:var(--2ee553)}._ButtonBase--variant-ghost_2yc0c_949{color:var(--255ddc);background-color:var(--64bffa);border-color:var(--39e128);text-decoration:var(--31d455)}._ButtonBase--variant-ghost--dsInternalSimulation-hover_2yc0c_955{color:var(--e69072);background-color:var(--3b749f)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ghost_2yc0c_949:hover{color:var(--e69072);background-color:var(--3b749f)}}._ButtonBase--variant-ghost_2yc0c_949[disabled],._ButtonBase--variant-ghost_2yc0c_949[disabled]:hover{border-color:var(--af2d26)}._ButtonBase--variant-ghost_2yc0c_949:active,._ButtonBase--variant-ghost--dsInternalSimulation-active_2yc0c_970{color:var(--ddf285);background-color:var(--6beb48)}._ButtonBase--variant-ghost--is-selected_2yc0c_974{color:var(--5f5238);background-color:var(--a5cfbe)}._ButtonBase--variant-plain_2yc0c_978{color:var(--122a99);background-color:var(--bbb356);border-color:var(--0cad84);text-decoration:var(--d2d32f)}._ButtonBase--variant-plain--dsInternalSimulation-hover_2yc0c_984{color:var(--1265db);background-color:var(--df2aca)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-plain_2yc0c_978:hover{color:var(--1265db);background-color:var(--df2aca)}}._ButtonBase--variant-plain_2yc0c_978[disabled],._ButtonBase--variant-plain_2yc0c_978[disabled]:hover{border-color:var(--c6b607)}._ButtonBase--variant-plain_2yc0c_978:active,._ButtonBase--variant-plain--dsInternalSimulation-active_2yc0c_999{color:var(--a41624);background-color:var(--435fa5)}._ButtonBase--variant-dangerous_2yc0c_1003{color:var(--efde5b);background-color:var(--118bda);border-color:var(--ab5970);text-decoration:var(--0bf14c)}._ButtonBase--variant-dangerous--dsInternalSimulation-hover_2yc0c_1009{color:var(--6f5d5d);background-color:var(--e0b0f4)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-dangerous_2yc0c_1003:hover{color:var(--6f5d5d);background-color:var(--e0b0f4)}}._ButtonBase--variant-dangerous_2yc0c_1003[disabled],._ButtonBase--variant-dangerous_2yc0c_1003[disabled]:hover{border-color:var(--7deffa)}._ButtonBase--variant-dangerous_2yc0c_1003:active,._ButtonBase--variant-dangerous--dsInternalSimulation-active_2yc0c_1024{color:var(--6b4e92);background-color:var(--a5eaa1)}._ButtonBase--variant-critical_2yc0c_1028{color:var(--f68030);background-color:var(--faae28);border-color:var(--b357d0);text-decoration:var(--91f4fa)}._ButtonBase--variant-critical--dsInternalSimulation-hover_2yc0c_1034{color:var(--c3136e);background-color:var(--064c43)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-critical_2yc0c_1028:hover{color:var(--c3136e);background-color:var(--064c43)}}._ButtonBase--variant-critical_2yc0c_1028[disabled],._ButtonBase--variant-critical_2yc0c_1028[disabled]:hover{border-color:var(--e117c7)}._ButtonBase--variant-critical_2yc0c_1028:active,._ButtonBase--variant-critical--dsInternalSimulation-active_2yc0c_1049{color:var(--f9fba8);background-color:var(--152a7a)}._ButtonBase--variant-onColor_2yc0c_1053{color:var(--96343f);background-color:var(--d64a99);border-color:var(--d2723c);text-decoration:var(--af7137)}._ButtonBase--variant-onColor--dsInternalSimulation-hover_2yc0c_1059{color:var(--145384);background-color:var(--549e56)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-onColor_2yc0c_1053:hover{color:var(--145384);background-color:var(--549e56)}}._ButtonBase--variant-onColor_2yc0c_1053[disabled],._ButtonBase--variant-onColor_2yc0c_1053[disabled]:hover{border-color:var(--e1a214)}._ButtonBase--variant-onColor_2yc0c_1053:active,._ButtonBase--variant-onColor--dsInternalSimulation-active_2yc0c_1074{color:var(--f772e8);background-color:var(--936fce)}._ButtonBase--variant-classroom_2yc0c_1078{color:var(--8d482c);background-color:var(--7a038f);border-color:var(--38faba);text-decoration:var(--4d5ea8)}._ButtonBase--variant-classroom--dsInternalSimulation-hover_2yc0c_1084{color:var(--55bfda);background-color:var(--077a93)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-classroom_2yc0c_1078:hover{color:var(--55bfda);background-color:var(--077a93)}}._ButtonBase--variant-classroom_2yc0c_1078[disabled],._ButtonBase--variant-classroom_2yc0c_1078[disabled]:hover{border-color:var(--659377)}._ButtonBase--variant-classroom_2yc0c_1078:active,._ButtonBase--variant-classroom--dsInternalSimulation-active_2yc0c_1099{color:var(--b62751);background-color:var(--45d93a)}._ButtonBase--variant-classroom--is-selected_2yc0c_1103{color:var(--a0b42b);background-color:var(--16a985)}._ButtonBase--variant-primaryB2b_2yc0c_1107{color:var(--4a94de);background-color:var(--6c36b5);border-color:var(--4a9eb5);text-decoration:var(--6c9741)}._ButtonBase--variant-primaryB2b--dsInternalSimulation-hover_2yc0c_1113{color:var(--3e45d7);background-color:var(--dcdb32)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryB2b_2yc0c_1107:hover{color:var(--3e45d7);background-color:var(--dcdb32)}}._ButtonBase--variant-primaryB2b_2yc0c_1107[disabled],._ButtonBase--variant-primaryB2b_2yc0c_1107[disabled]:hover{border-color:var(--e7f949)}._ButtonBase--variant-primaryB2b_2yc0c_1107:active,._ButtonBase--variant-primaryB2b--dsInternalSimulation-active_2yc0c_1128{color:var(--cb03bc);background-color:var(--fc3d8b)}._ButtonBase--variant-primaryTutor_2yc0c_1132{color:var(--c93681);background-color:var(--4aa1b1);border-color:var(--f103e9);text-decoration:var(--6e7352)}._ButtonBase--variant-primaryTutor--dsInternalSimulation-hover_2yc0c_1138{color:var(--e91696);background-color:var(--46a009)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-primaryTutor_2yc0c_1132:hover{color:var(--e91696);background-color:var(--46a009)}}._ButtonBase--variant-primaryTutor_2yc0c_1132[disabled],._ButtonBase--variant-primaryTutor_2yc0c_1132[disabled]:hover{border-color:var(--f6a20e)}._ButtonBase--variant-primaryTutor_2yc0c_1132:active,._ButtonBase--variant-primaryTutor--dsInternalSimulation-active_2yc0c_1153{color:var(--58d992);background-color:var(--dd5a43)}._ButtonBase--variant-inverted_2yc0c_1157{color:var(--81b7df);background-color:var(--c54155);border-color:var(--fe1378);text-decoration:var(--fb8624)}._ButtonBase--variant-inverted--dsInternalSimulation-hover_2yc0c_1163{color:var(--79a09e);background-color:var(--8a16b5)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-inverted_2yc0c_1157:hover{color:var(--79a09e);background-color:var(--8a16b5)}}._ButtonBase--variant-inverted_2yc0c_1157[disabled],._ButtonBase--variant-inverted_2yc0c_1157[disabled]:hover{border-color:var(--e797f1)}._ButtonBase--variant-inverted_2yc0c_1157:active,._ButtonBase--variant-inverted--dsInternalSimulation-active_2yc0c_1178{color:var(--77e945);background-color:var(--de59a1)}._ButtonBase--variant-newFeature_2yc0c_1182{color:var(--ad44c3);background-color:var(--7dbfce);border-color:var(--a7eddc);text-decoration:var(--fd7ece)}._ButtonBase--variant-newFeature--dsInternalSimulation-hover_2yc0c_1188{color:var(--ddcea1);background-color:var(--dd2815)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-newFeature_2yc0c_1182:hover{color:var(--ddcea1);background-color:var(--dd2815)}}._ButtonBase--variant-newFeature_2yc0c_1182[disabled],._ButtonBase--variant-newFeature_2yc0c_1182[disabled]:hover{border-color:var(--7d2338)}._ButtonBase--variant-newFeature_2yc0c_1182:active,._ButtonBase--variant-newFeature--dsInternalSimulation-active_2yc0c_1203{color:var(--d4762b);background-color:var(--b3e453)}._ButtonBase--variant-ai_2yc0c_1207{color:var(--aa08fb);background-color:var(--1bdcc0);border-color:var(--8e8894);text-decoration:var(--c82204)}._ButtonBase--variant-ai--dsInternalSimulation-hover_2yc0c_1213{color:var(--59b757);background-color:var(--f043dc)}@media (hover: hover) and (pointer: fine){._ButtonBase--variant-ai_2yc0c_1207:hover{color:var(--59b757);background-color:var(--f043dc)}}._ButtonBase--variant-ai_2yc0c_1207[disabled],._ButtonBase--variant-ai_2yc0c_1207[disabled]:hover{border-color:var(--6ac212)}._ButtonBase--variant-ai_2yc0c_1207:active,._ButtonBase--variant-ai--dsInternalSimulation-active_2yc0c_1228{color:var(--349ae3);background-color:var(--5bba7d)}._ButtonBase--variant-ai_2yc0c_1207{border-image:var(--0b0037)}._ButtonBase--variant-ai_2yc0c_1207[disabled],._ButtonBase--variant-ai_2yc0c_1207[disabled]:hover{border-image:initial;border-color:var(--6ac212)}._ButtonBase--no-wrap_2yc0c_1240{min-width:max-content}

package/dist/assets/Chips-B9tN6418.css

@@ -0,0 +1 @@
+._chips_rugtg_3{display:flex;gap:var(--813599);flex-wrap:wrap}._chips_rugtg_3:is(ul){list-style:none;margin:0;padding:0}._chips_rugtg_3 ._chip_rugtg_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_rugtg_3 ._chip_rugtg_3 button{all:unset}@media (hover: hover) and (pointer: fine){._chips_rugtg_3 ._chip_rugtg_3:hover{background-color:var(--302ecf)}}._chips_rugtg_3 ._chip_rugtg_3:has(._chip-toggle_rugtg_37:focus-visible){outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--05dd73)}._chips_rugtg_3 ._chip_rugtg_3:has(._chip-toggle_rugtg_37:active){border-color:var(--11d206);background-color:var(--a5c761)}._chips_rugtg_3 ._chip_rugtg_3:has(._chip-toggle_rugtg_37[aria-pressed=true]){border-color:var(--11d206);background-color:var(--a5c761)}._chips_rugtg_3 ._chip_rugtg_3 ._chip-toggle_rugtg_37{padding:var(--66b80b) var(--813599);display:flex;gap:var(--66b80b)}._chips_rugtg_3 ._chip_rugtg_3 ._chip-remove_rugtg_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_rugtg_3 ._chip_rugtg_3 ._chip-remove_rugtg_54:focus-visible{outline:solid var(--26b8e3) var(--5b4fe9);outline-offset:var(--109103) var(--05dd73)}._chips_rugtg_3[data-variant=choice] ._chip_rugtg_3:has(._chip-toggle_rugtg_37[aria-pressed=true]){color:var(--c2b191);background-color:var(--4983fe)}._chips_rugtg_3[data-variant=choice] ._chip_rugtg_3 ._chip-remove_rugtg_54{display:none}._chips_rugtg_3[data-variant=filter] ._chip_rugtg_3:has(._chip-toggle_rugtg_37[aria-pressed=false]) ._chip-remove_rugtg_54{display:none}

package/dist/assets/{Chips.stories-DwatZLP-.js → Chips.stories-B3MMLC6G.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 b}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-DAQd7Eod.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-DbbdQjKI.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_1o5ey_3",ee="_chip_1o5ey_3",C={chips:Q,chip:ee,"chip-toggle":"_chip-toggle_1o5ey_37","chip-remove":"_chip-remove_1o5ey_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 b}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-BCL3U29b.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-DEvzdotz.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_rugtg_3",ee="_chip_rugtg_3",C={chips:Q,chip:ee,"chip-toggle":"_chip-toggle_rugtg_37","chip-remove":"_chip-remove_rugtg_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:d,...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(d,{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")}},f=()=>{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})),b(`Toggle ${s} ${e?"on":"off"}`)()}},s))})};f.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})),b(`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})),b(`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),b("onToggle - Clear selected filter")();return}o(e),b(`Toggle filter ${e?"on":"off"}`)()},onRemove:()=>{t(void 0),o(!1),b("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:d=>{e(y=>({...y,[n]:d})),s.globals.onToggle([n,d])}},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")}},f=()=>{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})),b(`Toggle ${s} ${e?"on":"off"}`)()}},s))})};f.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(d=>({...d,[e]:c})),b(`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})),b(`Toggle ${s} ${e?"on":"off"}`)()}},s))})};h.parameters={docs:{description:{story:"They may also have leading icons:"}}};const u=()=>{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),b("onToggle - Clear selected filter")();return}o(e),b(`Toggle filter ${e?"on":"off"}`)()},onRemove:()=>{t(void 0),o(!1),b("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"})]})]}))})]})};u.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:`() => {
+`}}};u.tags=["!test"];u.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,_;f.parameters={...f.parameters,docs:{...(P=f.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,_;f.parameters={...f.parameters,docs:{...(P=f.parameters)==null?void 0:P.docs,source:{originalSource:`() => {
   const [choices, setChoices] = useState({
     Ambition: false,
     Boldness: false,
@@ -110,7 +110,7 @@ selection:
       action(\`Toggle \${name} \${newState ? 'on' : 'off'}\`)();
     }} />)}
         </Chips>;
-}`,...(N=(W=h.parameters)==null?void 0:W.docs)==null?void 0:N.source}}};var O,D,V;d.parameters={...d.parameters,docs:{...(O=d.parameters)==null?void 0:O.docs,source:{originalSource:`() => {
+}`,...(N=(W=h.parameters)==null?void 0:W.docs)==null?void 0:N.source}}};var O,D,V;u.parameters={...u.parameters,docs:{...(O=u.parameters)==null?void 0:O.docs,source:{originalSource:`() => {
   const [filterPrinciple, setFilterPrinciple] = useState(false);
   const [principle, setPrinciple] = useState<string | undefined>(undefined);
   return <div>
@@ -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,f as ChoiceWithIcons,d as ComplexFilter,m as Filter,h as FilterWithIcons,Te as __namedExportsOrder,Se as default};
+}`,...(V=(D=u.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,f as ChoiceWithIcons,u as ComplexFilter,m as Filter,h as FilterWithIcons,Te as __namedExportsOrder,Se as default};