@useloops/design-system 1.4.715 → 1.4.717

package/dist/esm/systems/Platform/Header/_partials/HeaderSearch.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{styled as n,Box as i,useTheme as o}from"@mui/material";import{motion as r}from"motion/react";import{useRef as a,useState as s,useEffect as l}from"react";import d from"../../../BrandCore/Icon/Icon.js";import{space as u}from"../../../BrandCore/primitiveVariables.js";import c from"../../../WebCore/IconButton/IconButton.js";import h from"../../../WebCore/TextField/TextField.js";const p=.3,m=[.16,1,.3,1],f=u[500],g=({value:n,onChange:i,placeholder:r="Search…",open:u,defaultOpen:g=!1,onOpenChange:E,onSubmit:O,onClear:z,hideClearButton:B=!1,results:M,maxWidth:j=640,buttons:R,slotProps:W})=>{const S=o(),F=a(null),A=a(null),D=a(null),[K,T]=s(g),$=void 0!==u,G=$?u:K,[L,P]=s(null),V=e=>{$||T(e),E?.(e)};l(()=>{const e=()=>{const e=A.current,t=D.current;if(!e||!t)return;const n=e.parentElement?.parentElement??e,i=e.getBoundingClientRect(),o=t.getBoundingClientRect(),r=n.getBoundingClientRect(),a=i.left+i.width/2,s=o.left+o.width/2,l=r.left+r.width/2,d=Math.min(j,i.width),u=l-d/2,c=Math.max(i.left,Math.min(u,i.right-d))+d/2;P({width:o.width,height:o.height,closedOffset:s-a,openOffset:c-a})};e();const t=new ResizeObserver(e);return A.current&&t.observe(A.current),()=>t.disconnect()},[j]),l(()=>{G?F.current?.focus():F.current?.blur()},[G]);const Y=()=>V(!1),q=()=>{i?.(""),F.current&&(F.current.value="")};return e(v,{children:[e(x,{children:[t(c,{ref:D,icon:t(d,{name:"search",size:20}),sizing:"md",variation:"outlined","aria-hidden":!0,tabIndex:-1,sx:{visibility:"hidden"}}),t(x,{"aria-hidden":G,initial:!1,animate:{opacity:G?0:1},transition:{duration:p,ease:m},sx:{pointerEvents:G?"none":"auto"},children:R})]}),t(b,{ref:A,children:L&&e(C,{initial:!1,animate:{width:G?j:L.width,height:G?f:L.height,x:G?L.openOffset:L.closedOffset},transition:{duration:p,ease:m},children:[e(w,{initial:!1,animate:{backgroundColor:G?S.custom.palette.input.default:S.custom.palette.surface.raised},transition:{duration:p,ease:m},role:G?void 0:"button","aria-label":G?void 0:"Open search",tabIndex:G?-1:0,onClick:()=>{G||V(!0)},onKeyDown:e=>{G||"Enter"!==e.key&&" "!==e.key||V(!0)},sx:{borderRadius:S.r.md,border:`1px solid ${S.custom.palette.stroke.default}`,cursor:G?void 0:"pointer","&::after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",transition:S.custom.easing.input},"&:hover::after":{backgroundColor:S.custom.palette.interaction.hover},"&:focus-within":G?{borderColor:S.custom.palette.stroke.focus,boxShadow:S.custom.boxShadow.input.focus}:void 0},children:[t(y,{initial:!1,animate:{left:G?10:(L.width-20)/2-1},transition:{duration:p,ease:m},children:t(d,{name:"search",size:20})}),t(I,{initial:!1,animate:{opacity:G?1:0},transition:{duration:.15,ease:m,delay:G?p/3:0},inert:!G,sx:{pointerEvents:G?"auto":"none"},children:t(h,{fullWidth:!0,value:n,placeholder:r,autoComplete:"off",inputRef:F,onChange:e=>i?.(e.target.value),onKeyDown:e=>{"Escape"===e.key&&Y(),"Enter"===e.key&&O?.(F.current?.value??n??"")},sx:{height:1,"& .MuiOutlinedInput-root, &:hover .MuiOutlinedInput-root":{height:1,backgroundColor:"transparent"},"& fieldset":{display:"none"},"& .MuiOutlinedInput-input":{paddingLeft:"38px",paddingRight:S.spacing(1)},"& .MuiInputAdornment-root .MuiSvgIcon-root":{width:16,height:16}},endAdornment:B?void 0:t(c,{icon:t(d,{name:"close",size:16}),sizing:"xs",shape:"round",variation:"default","aria-label":"Close search",onClick:()=>{z?z({clear:q,collapse:Y}):(q(),Y())},sx:{width:24,height:24}}),...W?.textField})})]}),G&&M&&t(k,{children:M})]})})]})},v=n(i)(({theme:e})=>({position:"relative",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:e.p.sm,flexGrow:1,minWidth:0})),x=n(r.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.p.sm})),b=n(i)({position:"absolute",inset:0,display:"flex",justifyContent:"center",alignItems:"center",pointerEvents:"none"}),C=n(r.div)({position:"relative",maxWidth:"100%",pointerEvents:"auto"}),w=n(r.div)({position:"relative",overflow:"hidden",height:"100%",display:"flex",alignItems:"center"}),y=n(r.div)({position:"absolute",top:"50%",transform:"translateY(-50%)",display:"flex",zIndex:1,pointerEvents:"none"}),I=n(r.div)({width:"100%",height:"100%",display:"flex",alignItems:"center",position:"relative",zIndex:1}),k=n(i)(({theme:e})=>({position:"absolute",top:`calc(100% + ${e.p.xs})`,left:0,right:0,zIndex:1e3}));export{g as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{styled as n,Box as i,useTheme as o}from"@mui/material";import{motion as r}from"motion/react";import{useRef as a,useState as l,useEffect as s}from"react";import d from"../../../BrandCore/Icon/Icon.js";import{space as u}from"../../../BrandCore/primitiveVariables.js";import c from"../../../WebCore/IconButton/IconButton.js";import h from"../../../WebCore/TextField/TextField.js";const p=.3,m=[.16,1,.3,1],f=u[500],g=({value:n,onChange:i,placeholder:r="Search…",open:u,defaultOpen:g=!1,onOpenChange:E,onSubmit:O,onClear:z,hideClearButton:B=!1,results:M,maxWidth:j=640,buttons:R,slotProps:W})=>{const S=o(),F=a(null),A=a(null),D=a(null),K=a(null),[T,$]=l(g),G=void 0!==u,L=G?u:T,[P,V]=l(null),Y=e=>{G||$(e),E?.(e)},q=a(L),H=q.current!==L;s(()=>{q.current=L});const J=H?{duration:p,ease:m}:{duration:0};s(()=>{const e=()=>{const e=A.current,t=K.current;if(!e||!t)return;const n=e.parentElement?.parentElement??e,i=e.getBoundingClientRect(),o=t.getBoundingClientRect(),r=n.getBoundingClientRect(),a=i.left+i.width/2,l=o.left+o.width/2,s=r.left+r.width/2,d=Math.min(j,i.width),u=s-d/2,c=Math.max(i.left,Math.min(u,i.right-d))+d/2;V({width:o.width,height:o.height,closedOffset:l-a,openOffset:c-a})};e();const t=new ResizeObserver(e);return A.current&&t.observe(A.current),D.current&&t.observe(D.current),()=>t.disconnect()},[j]),s(()=>{L?F.current?.focus():F.current?.blur()},[L]);const N=()=>Y(!1),Q=()=>{i?.(""),F.current&&(F.current.value="")};return e(v,{children:[e(x,{ref:D,children:[t(c,{ref:K,icon:t(d,{name:"search",size:20}),sizing:"md",variation:"outlined","aria-hidden":!0,tabIndex:-1,sx:{visibility:"hidden"}}),t(x,{"aria-hidden":L,initial:!1,animate:{opacity:L?0:1},transition:{duration:p,ease:m},sx:{pointerEvents:L?"none":"auto"},children:R})]}),t(b,{ref:A,children:P&&e(C,{initial:!1,animate:{width:L?j:P.width,height:L?f:P.height,x:L?P.openOffset:P.closedOffset},transition:J,children:[e(w,{initial:!1,animate:{backgroundColor:L?S.custom.palette.input.default:S.custom.palette.surface.raised},transition:{duration:p,ease:m},role:L?void 0:"button","aria-label":L?void 0:"Open search",tabIndex:L?-1:0,onClick:()=>{L||Y(!0)},onKeyDown:e=>{L||"Enter"!==e.key&&" "!==e.key||Y(!0)},sx:{borderRadius:S.r.md,border:`1px solid ${S.custom.palette.stroke.default}`,cursor:L?void 0:"pointer","&::after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",transition:S.custom.easing.input},"&:hover::after":{backgroundColor:S.custom.palette.interaction.hover},"&:focus-within":L?{borderColor:S.custom.palette.stroke.focus,boxShadow:S.custom.boxShadow.input.focus}:void 0},children:[t(y,{initial:!1,animate:{left:L?10:(P.width-20)/2-1},transition:J,children:t(d,{name:"search",size:20})}),t(I,{initial:!1,animate:{opacity:L?1:0},transition:{duration:.15,ease:m,delay:L?p/3:0},inert:!L,sx:{pointerEvents:L?"auto":"none"},children:t(h,{fullWidth:!0,value:n,placeholder:r,autoComplete:"off",inputRef:F,onChange:e=>i?.(e.target.value),onKeyDown:e=>{"Escape"===e.key&&N(),"Enter"===e.key&&O?.(F.current?.value??n??"")},sx:{height:1,"& .MuiOutlinedInput-root, &:hover .MuiOutlinedInput-root":{height:1,backgroundColor:"transparent"},"& fieldset":{display:"none"},"& .MuiOutlinedInput-input":{paddingLeft:"38px",paddingRight:S.spacing(1)},"& .MuiInputAdornment-root .MuiSvgIcon-root":{width:16,height:16}},endAdornment:B?void 0:t(c,{icon:t(d,{name:"close",size:16}),sizing:"xs",shape:"round",variation:"default","aria-label":"Close search",onClick:()=>{z?z({clear:Q,collapse:N}):(Q(),N())},sx:{width:24,height:24}}),...W?.textField})})]}),L&&M&&t(k,{children:M})]})})]})},v=n(i)(({theme:e})=>({position:"relative",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:e.p.sm,flexGrow:1,minWidth:0})),x=n(r.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.p.sm})),b=n(i)({position:"absolute",inset:0,display:"flex",justifyContent:"center",alignItems:"center",pointerEvents:"none"}),C=n(r.div)({position:"relative",maxWidth:"100%",pointerEvents:"auto"}),w=n(r.div)({position:"relative",overflow:"hidden",height:"100%",display:"flex",alignItems:"center"}),y=n(r.div)({position:"absolute",top:"50%",transform:"translateY(-50%)",display:"flex",zIndex:1,pointerEvents:"none"}),I=n(r.div)({width:"100%",height:"100%",display:"flex",alignItems:"center",position:"relative",zIndex:1}),k=n(i)(({theme:e})=>({position:"absolute",top:`calc(100% + ${e.p.xs})`,left:0,right:0,zIndex:1e3}));export{g as default};

package/dist/esm/systems/Platform/MiniResultCard/MiniResultCard.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as a,boxClasses as s}from"@mui/material";import p from"@number-flow/react";import"../../BrandCore/colorRamps.js";import{base as m}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as n}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import d from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import b from"../../WebCore/HtmlParser/HtmlParser.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import u from"../AssetItem/AssetItem.js";import{mapQuestionTypeToLabel as c}from"../utils/mapQuestionTypeToLabel.js";const C=({cardNumber:t,testTitle:m,question:C,questionType:x,subCopy:h,assetThumbnail:g,assetType:y,statTitle:B,statValue:f,onClickAsset:S,resultGraph:I,onClickShowMore:k})=>{const L=i(),{icon:T,label:A}=c(x);return e(j,{children:[e(W,{children:[o(a,{sx:{height:"22px",borderRadius:L.r.md,backgroundColor:L.custom.palette.icon.primary,paddingX:L.p.sm,justifyContent:"center"},children:o(n,{size:"sm",monospaced:!0,textColor:L.custom.palette.text.primaryInverted,children:t})}),o(n,{size:"md",children:m})]}),e(a,{sx:{flexDirection:"row",gap:L.m.xs,borderRadius:L.r.round,border:`1px solid ${L.custom.palette.stroke.light}`,placeSelf:"center",padding:`2px ${L.p.sm}`,alignItems:"center"},children:[o(l,{name:T,size:16}),o(n,{size:"sm",sx:{px:L.p.xs},children:A})]}),e(a,{sx:{gap:L.m.sm,flexDirection:"row",justifyContent:"space-between",paddingX:L.p.md},children:[e(a,{sx:{gap:L.m.sm},children:[o(n,{size:"lg",bold:!0,clamp:4,children:C}),h&&o(b,{typographyProps:{secondary:!0,size:"sm",clamp:3},children:h})]}),o(r,{sx:{minWidth:"92px",width:"92px",height:"92px",overflow:"hidden",borderRadius:L.r.xs,border:`1px solid ${L.custom.palette.stroke.light}`,boxShadow:L.custom.elevation.raised,[`> .${s.root}`]:{display:"flex",height:"100%"}},children:o(u,{mediaType:y,thumbnail:g,onClick:S})})]}),e(a,{sx:{gap:L.m.xs},children:[e(a,{sx:{placeSelf:"center",alignItems:"center",flexDirection:"row",gap:L.m.sm,height:"18px"},children:[o(n,{size:"xs",children:B}),f&&e(n,{size:"xs",bold:!0,monospaced:!0,children:[o(p,{value:f,animated:!0,format:{minimumFractionDigits:2,maximumFractionDigits:2}}),"likert"===x&&"%"]})]}),o(r,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",height:"96px",paddingX:L.p.md},children:I})]}),k&&o(d,{sizing:"sm",sx:{placeSelf:"center"},variation:"outlined",endIcon:o(l,{name:"open-in-new"}),onClick:k,children:"View full result"})]})},j=t(r)(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,borderRadius:e.r.lg,boxShadow:e.custom.elevation.raised,minWidth:32*m+"px",maxWidth:64*m+"px",paddingBottom:e.p.md,display:"grid",gridTemplateRows:"auto auto 1fr 118px auto",gap:e.m.md})),W=t(r)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",alignItems:"start",gap:e.m.sm,padding:e.p.md,borderRadius:`${e.r.lg} ${e.r.lg} 0 0`}));export{C as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as a,boxClasses as s}from"@mui/material";import p from"@number-flow/react";import"../../BrandCore/colorRamps.js";import{base as m}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as n}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import d from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import b from"../../WebCore/HtmlParser/HtmlParser.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import u from"../AssetItem/AssetItem.js";import{mapQuestionTypeToLabel as c}from"../utils/mapQuestionTypeToLabel.js";const C=({cardNumber:t,testTitle:m,preQuestionText:C,question:x,questionType:h,subCopy:g,assetThumbnail:y,assetType:B,statTitle:f,statValue:S,onClickAsset:I,resultGraph:k,onClickShowMore:T})=>{const L=i(),{icon:A,label:R}=c(h);return e(j,{children:[e(W,{children:[o(a,{sx:{height:"22px",borderRadius:L.r.md,backgroundColor:L.custom.palette.icon.primary,paddingX:L.p.sm,justifyContent:"center"},children:o(n,{size:"sm",monospaced:!0,textColor:L.custom.palette.text.primaryInverted,children:t})}),o(n,{size:"md",children:m})]}),e(a,{sx:{flexDirection:"row",gap:L.m.xs,borderRadius:L.r.round,border:`1px solid ${L.custom.palette.stroke.light}`,placeSelf:"center",padding:`2px ${L.p.sm}`,alignItems:"center"},children:[o(l,{name:A,size:16}),o(n,{size:"sm",sx:{px:L.p.xs},children:R})]}),e(a,{sx:{gap:L.m.sm,flexDirection:"row",justifyContent:"space-between",paddingX:L.p.md},children:[e(a,{sx:{gap:L.m.sm},children:[C&&o(n,{size:"sm",secondary:!0,clamp:2,children:C}),o(n,{size:"lg",bold:!0,clamp:4,children:x}),g&&o(b,{typographyProps:{secondary:!0,size:"sm",clamp:3},children:g})]}),o(r,{sx:{minWidth:"92px",width:"92px",height:"92px",overflow:"hidden",borderRadius:L.r.xs,border:`1px solid ${L.custom.palette.stroke.light}`,boxShadow:L.custom.elevation.raised,[`> .${s.root}`]:{display:"flex",height:"100%"}},children:o(u,{mediaType:B,thumbnail:y,onClick:I})})]}),e(a,{sx:{gap:L.m.xs},children:[e(a,{sx:{placeSelf:"center",alignItems:"center",flexDirection:"row",gap:L.m.sm,height:"18px"},children:[o(n,{size:"xs",children:f}),S&&e(n,{size:"xs",bold:!0,monospaced:!0,children:[o(p,{value:S,animated:!0,format:{minimumFractionDigits:2,maximumFractionDigits:2}}),"likert"===h&&"%"]})]}),o(r,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",height:"96px",paddingX:L.p.md},children:k})]}),T&&o(d,{sizing:"sm",sx:{placeSelf:"center"},variation:"outlined",endIcon:o(l,{name:"open-in-new"}),onClick:T,children:"View full result"})]})},j=t(r)(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,borderRadius:e.r.lg,boxShadow:e.custom.elevation.raised,minWidth:32*m+"px",maxWidth:64*m+"px",paddingBottom:e.p.md,display:"grid",gridTemplateRows:"auto auto 1fr 118px auto",gap:e.m.md})),W=t(r)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",alignItems:"start",gap:e.m.sm,padding:e.p.md,borderRadius:`${e.r.lg} ${e.r.lg} 0 0`}));export{C as default};

package/dist/systems/Platform/Header/_partials/HeaderSearch.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("motion/react"),n=require("react"),o=require("../../../BrandCore/Icon/Icon.js"),r=require("../../../BrandCore/primitiveVariables.js"),s=require("../../../WebCore/IconButton/IconButton.js"),a=require("../../../WebCore/TextField/TextField.js");const l=.3,d=[.16,1,.3,1],u=r.space[500],c=t.styled(t.Box)(({theme:e})=>({position:"relative",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:e.p.sm,flexGrow:1,minWidth:0})),h=t.styled(i.motion.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.p.sm})),p=t.styled(t.Box)({position:"absolute",inset:0,display:"flex",justifyContent:"center",alignItems:"center",pointerEvents:"none"}),f=t.styled(i.motion.div)({position:"relative",maxWidth:"100%",pointerEvents:"auto"}),m=t.styled(i.motion.div)({position:"relative",overflow:"hidden",height:"100%",display:"flex",alignItems:"center"}),x=t.styled(i.motion.div)({position:"absolute",top:"50%",transform:"translateY(-50%)",display:"flex",zIndex:1,pointerEvents:"none"}),g=t.styled(i.motion.div)({width:"100%",height:"100%",display:"flex",alignItems:"center",position:"relative",zIndex:1}),v=t.styled(t.Box)(({theme:e})=>({position:"absolute",top:`calc(100% + ${e.p.xs})`,left:0,right:0,zIndex:1e3}));module.exports=({value:i,onChange:r,placeholder:y="Search…",open:b,defaultOpen:j=!1,onOpenChange:C,onSubmit:w,onClear:I,hideClearButton:E=!1,results:k,maxWidth:B=640,buttons:O,slotProps:R})=>{const z=t.useTheme(),q=n.useRef(null),M=n.useRef(null),S=n.useRef(null),[W,F]=n.useState(j),T=void 0!==b,A=T?b:W,[D,K]=n.useState(null),$=e=>{T||F(e),C?.(e)};n.useEffect(()=>{const e=()=>{const e=M.current,t=S.current;if(!e||!t)return;const i=e.parentElement?.parentElement??e,n=e.getBoundingClientRect(),o=t.getBoundingClientRect(),r=i.getBoundingClientRect(),s=n.left+n.width/2,a=o.left+o.width/2,l=r.left+r.width/2,d=Math.min(B,n.width),u=l-d/2,c=Math.max(n.left,Math.min(u,n.right-d))+d/2;K({width:o.width,height:o.height,closedOffset:a-s,openOffset:c-s})};e();const t=new ResizeObserver(e);return M.current&&t.observe(M.current),()=>t.disconnect()},[B]),n.useEffect(()=>{A?q.current?.focus():q.current?.blur()},[A]);const G=()=>$(!1),L=()=>{r?.(""),q.current&&(q.current.value="")};return e.jsxs(c,{children:[e.jsxs(h,{children:[e.jsx(s,{ref:S,icon:e.jsx(o.default,{name:"search",size:20}),sizing:"md",variation:"outlined","aria-hidden":!0,tabIndex:-1,sx:{visibility:"hidden"}}),e.jsx(h,{"aria-hidden":A,initial:!1,animate:{opacity:A?0:1},transition:{duration:l,ease:d},sx:{pointerEvents:A?"none":"auto"},children:O})]}),e.jsx(p,{ref:M,children:D&&e.jsxs(f,{initial:!1,animate:{width:A?B:D.width,height:A?u:D.height,x:A?D.openOffset:D.closedOffset},transition:{duration:l,ease:d},children:[e.jsxs(m,{initial:!1,animate:{backgroundColor:A?z.custom.palette.input.default:z.custom.palette.surface.raised},transition:{duration:l,ease:d},role:A?void 0:"button","aria-label":A?void 0:"Open search",tabIndex:A?-1:0,onClick:()=>{A||$(!0)},onKeyDown:e=>{A||"Enter"!==e.key&&" "!==e.key||$(!0)},sx:{borderRadius:z.r.md,border:`1px solid ${z.custom.palette.stroke.default}`,cursor:A?void 0:"pointer","&::after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",transition:z.custom.easing.input},"&:hover::after":{backgroundColor:z.custom.palette.interaction.hover},"&:focus-within":A?{borderColor:z.custom.palette.stroke.focus,boxShadow:z.custom.boxShadow.input.focus}:void 0},children:[e.jsx(x,{initial:!1,animate:{left:A?10:(D.width-20)/2-1},transition:{duration:l,ease:d},children:e.jsx(o.default,{name:"search",size:20})}),e.jsx(g,{initial:!1,animate:{opacity:A?1:0},transition:{duration:.15,ease:d,delay:A?l/3:0},inert:!A,sx:{pointerEvents:A?"auto":"none"},children:e.jsx(a,{fullWidth:!0,value:i,placeholder:y,autoComplete:"off",inputRef:q,onChange:e=>r?.(e.target.value),onKeyDown:e=>{"Escape"===e.key&&G(),"Enter"===e.key&&w?.(q.current?.value??i??"")},sx:{height:1,"& .MuiOutlinedInput-root, &:hover .MuiOutlinedInput-root":{height:1,backgroundColor:"transparent"},"& fieldset":{display:"none"},"& .MuiOutlinedInput-input":{paddingLeft:"38px",paddingRight:z.spacing(1)},"& .MuiInputAdornment-root .MuiSvgIcon-root":{width:16,height:16}},endAdornment:E?void 0:e.jsx(s,{icon:e.jsx(o.default,{name:"close",size:16}),sizing:"xs",shape:"round",variation:"default","aria-label":"Close search",onClick:()=>{I?I({clear:L,collapse:G}):(L(),G())},sx:{width:24,height:24}}),...R?.textField})})]}),A&&k&&e.jsx(v,{children:k})]})})]})};
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),n=require("motion/react"),i=require("react"),o=require("../../../BrandCore/Icon/Icon.js"),r=require("../../../BrandCore/primitiveVariables.js"),s=require("../../../WebCore/IconButton/IconButton.js"),a=require("../../../WebCore/TextField/TextField.js");const l=.3,d=[.16,1,.3,1],u=r.space[500],c=t.styled(t.Box)(({theme:e})=>({position:"relative",display:"flex",alignItems:"center",justifyContent:"flex-end",gap:e.p.sm,flexGrow:1,minWidth:0})),h=t.styled(n.motion.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.p.sm})),p=t.styled(t.Box)({position:"absolute",inset:0,display:"flex",justifyContent:"center",alignItems:"center",pointerEvents:"none"}),f=t.styled(n.motion.div)({position:"relative",maxWidth:"100%",pointerEvents:"auto"}),m=t.styled(n.motion.div)({position:"relative",overflow:"hidden",height:"100%",display:"flex",alignItems:"center"}),x=t.styled(n.motion.div)({position:"absolute",top:"50%",transform:"translateY(-50%)",display:"flex",zIndex:1,pointerEvents:"none"}),g=t.styled(n.motion.div)({width:"100%",height:"100%",display:"flex",alignItems:"center",position:"relative",zIndex:1}),v=t.styled(t.Box)(({theme:e})=>({position:"absolute",top:`calc(100% + ${e.p.xs})`,left:0,right:0,zIndex:1e3}));module.exports=({value:n,onChange:r,placeholder:b="Search…",open:y,defaultOpen:j=!1,onOpenChange:C,onSubmit:w,onClear:I,hideClearButton:E=!1,results:R,maxWidth:k=640,buttons:B,slotProps:O})=>{const z=t.useTheme(),q=i.useRef(null),M=i.useRef(null),S=i.useRef(null),W=i.useRef(null),[F,T]=i.useState(j),A=void 0!==y,D=A?y:F,[K,$]=i.useState(null),G=e=>{A||T(e),C?.(e)},L=i.useRef(D),P=L.current!==D;i.useEffect(()=>{L.current=D});const V=P?{duration:l,ease:d}:{duration:0};i.useEffect(()=>{const e=()=>{const e=M.current,t=W.current;if(!e||!t)return;const n=e.parentElement?.parentElement??e,i=e.getBoundingClientRect(),o=t.getBoundingClientRect(),r=n.getBoundingClientRect(),s=i.left+i.width/2,a=o.left+o.width/2,l=r.left+r.width/2,d=Math.min(k,i.width),u=l-d/2,c=Math.max(i.left,Math.min(u,i.right-d))+d/2;$({width:o.width,height:o.height,closedOffset:a-s,openOffset:c-s})};e();const t=new ResizeObserver(e);return M.current&&t.observe(M.current),S.current&&t.observe(S.current),()=>t.disconnect()},[k]),i.useEffect(()=>{D?q.current?.focus():q.current?.blur()},[D]);const Y=()=>G(!1),H=()=>{r?.(""),q.current&&(q.current.value="")};return e.jsxs(c,{children:[e.jsxs(h,{ref:S,children:[e.jsx(s,{ref:W,icon:e.jsx(o.default,{name:"search",size:20}),sizing:"md",variation:"outlined","aria-hidden":!0,tabIndex:-1,sx:{visibility:"hidden"}}),e.jsx(h,{"aria-hidden":D,initial:!1,animate:{opacity:D?0:1},transition:{duration:l,ease:d},sx:{pointerEvents:D?"none":"auto"},children:B})]}),e.jsx(p,{ref:M,children:K&&e.jsxs(f,{initial:!1,animate:{width:D?k:K.width,height:D?u:K.height,x:D?K.openOffset:K.closedOffset},transition:V,children:[e.jsxs(m,{initial:!1,animate:{backgroundColor:D?z.custom.palette.input.default:z.custom.palette.surface.raised},transition:{duration:l,ease:d},role:D?void 0:"button","aria-label":D?void 0:"Open search",tabIndex:D?-1:0,onClick:()=>{D||G(!0)},onKeyDown:e=>{D||"Enter"!==e.key&&" "!==e.key||G(!0)},sx:{borderRadius:z.r.md,border:`1px solid ${z.custom.palette.stroke.default}`,cursor:D?void 0:"pointer","&::after":{content:'""',position:"absolute",inset:0,pointerEvents:"none",transition:z.custom.easing.input},"&:hover::after":{backgroundColor:z.custom.palette.interaction.hover},"&:focus-within":D?{borderColor:z.custom.palette.stroke.focus,boxShadow:z.custom.boxShadow.input.focus}:void 0},children:[e.jsx(x,{initial:!1,animate:{left:D?10:(K.width-20)/2-1},transition:V,children:e.jsx(o.default,{name:"search",size:20})}),e.jsx(g,{initial:!1,animate:{opacity:D?1:0},transition:{duration:.15,ease:d,delay:D?l/3:0},inert:!D,sx:{pointerEvents:D?"auto":"none"},children:e.jsx(a,{fullWidth:!0,value:n,placeholder:b,autoComplete:"off",inputRef:q,onChange:e=>r?.(e.target.value),onKeyDown:e=>{"Escape"===e.key&&Y(),"Enter"===e.key&&w?.(q.current?.value??n??"")},sx:{height:1,"& .MuiOutlinedInput-root, &:hover .MuiOutlinedInput-root":{height:1,backgroundColor:"transparent"},"& fieldset":{display:"none"},"& .MuiOutlinedInput-input":{paddingLeft:"38px",paddingRight:z.spacing(1)},"& .MuiInputAdornment-root .MuiSvgIcon-root":{width:16,height:16}},endAdornment:E?void 0:e.jsx(s,{icon:e.jsx(o.default,{name:"close",size:16}),sizing:"xs",shape:"round",variation:"default","aria-label":"Close search",onClick:()=>{I?I({clear:H,collapse:Y}):(H(),Y())},sx:{width:24,height:24}}),...O?.textField})})]}),D&&R&&e.jsx(v,{children:R})]})})]})};

package/dist/systems/Platform/MiniResultCard/MiniResultCard.d.ts

@@ -4,6 +4,7 @@ import { QuestionType } from '../utils/mapQuestionTypeToLabel.js';
 interface MiniResultCardProps {
     testTitle: string;
     cardNumber: number;
+    preQuestionText?: string;
     question: string;
     questionType: QuestionType;
     assetThumbnail: string;

package/dist/systems/Platform/MiniResultCard/MiniResultCard.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react");require("../../BrandCore/colorRamps.js");var o=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var i=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var s=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js");var a=require("../../WebCore/Button/Button.js");require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js");var u=require("../../WebCore/HtmlParser/HtmlParser.js");require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var l=require("../AssetItem/AssetItem.js"),n=require("../utils/mapQuestionTypeToLabel.js");function d(e){return e&&e.__esModule?e:{default:e}}var p=d(t);const b=r.styled(r.Box)(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,borderRadius:e.r.lg,boxShadow:e.custom.elevation.raised,minWidth:32*o.base+"px",maxWidth:64*o.base+"px",paddingBottom:e.p.md,display:"grid",gridTemplateRows:"auto auto 1fr 118px auto",gap:e.m.md})),c=r.styled(r.Box)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",alignItems:"start",gap:e.m.sm,padding:e.p.md,borderRadius:`${e.r.lg} ${e.r.lg} 0 0`}));module.exports=({cardNumber:t,testTitle:o,question:d,questionType:m,subCopy:C,assetThumbnail:j,assetType:q,statTitle:x,statValue:W,onClickAsset:h,resultGraph:g,onClickShowMore:y})=>{const B=r.useTheme(),{icon:S,label:f}=n.mapQuestionTypeToLabel(m);return e.jsxs(b,{children:[e.jsxs(c,{children:[e.jsx(r.Stack,{sx:{height:"22px",borderRadius:B.r.md,backgroundColor:B.custom.palette.icon.primary,paddingX:B.p.sm,justifyContent:"center"},children:e.jsx(s.Text,{size:"sm",monospaced:!0,textColor:B.custom.palette.text.primaryInverted,children:t})}),e.jsx(s.Text,{size:"md",children:o})]}),e.jsxs(r.Stack,{sx:{flexDirection:"row",gap:B.m.xs,borderRadius:B.r.round,border:`1px solid ${B.custom.palette.stroke.light}`,placeSelf:"center",padding:`2px ${B.p.sm}`,alignItems:"center"},children:[e.jsx(i.default,{name:S,size:16}),e.jsx(s.Text,{size:"sm",sx:{px:B.p.xs},children:f})]}),e.jsxs(r.Stack,{sx:{gap:B.m.sm,flexDirection:"row",justifyContent:"space-between",paddingX:B.p.md},children:[e.jsxs(r.Stack,{sx:{gap:B.m.sm},children:[e.jsx(s.Text,{size:"lg",bold:!0,clamp:4,children:d}),C&&e.jsx(u,{typographyProps:{secondary:!0,size:"sm",clamp:3},children:C})]}),e.jsx(r.Box,{sx:{minWidth:"92px",width:"92px",height:"92px",overflow:"hidden",borderRadius:B.r.xs,border:`1px solid ${B.custom.palette.stroke.light}`,boxShadow:B.custom.elevation.raised,[`> .${r.boxClasses.root}`]:{display:"flex",height:"100%"}},children:e.jsx(l,{mediaType:q,thumbnail:j,onClick:h})})]}),e.jsxs(r.Stack,{sx:{gap:B.m.xs},children:[e.jsxs(r.Stack,{sx:{placeSelf:"center",alignItems:"center",flexDirection:"row",gap:B.m.sm,height:"18px"},children:[e.jsx(s.Text,{size:"xs",children:x}),W&&e.jsxs(s.Text,{size:"xs",bold:!0,monospaced:!0,children:[e.jsx(p.default,{value:W,animated:!0,format:{minimumFractionDigits:2,maximumFractionDigits:2}}),"likert"===m&&"%"]})]}),e.jsx(r.Box,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",height:"96px",paddingX:B.p.md},children:g})]}),y&&e.jsx(a,{sizing:"sm",sx:{placeSelf:"center"},variation:"outlined",endIcon:e.jsx(i.default,{name:"open-in-new"}),onClick:y,children:"View full result"})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react");require("../../BrandCore/colorRamps.js");var o=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var i=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var s=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js");var a=require("../../WebCore/Button/Button.js");require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js");var u=require("../../WebCore/HtmlParser/HtmlParser.js");require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var l=require("../AssetItem/AssetItem.js"),n=require("../utils/mapQuestionTypeToLabel.js");function d(e){return e&&e.__esModule?e:{default:e}}var p=d(t);const b=r.styled(r.Box)(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,borderRadius:e.r.lg,boxShadow:e.custom.elevation.raised,minWidth:32*o.base+"px",maxWidth:64*o.base+"px",paddingBottom:e.p.md,display:"grid",gridTemplateRows:"auto auto 1fr 118px auto",gap:e.m.md})),c=r.styled(r.Box)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",alignItems:"start",gap:e.m.sm,padding:e.p.md,borderRadius:`${e.r.lg} ${e.r.lg} 0 0`}));module.exports=({cardNumber:t,testTitle:o,preQuestionText:d,question:m,questionType:C,subCopy:j,assetThumbnail:x,assetType:q,statTitle:W,statValue:h,onClickAsset:g,resultGraph:y,onClickShowMore:B})=>{const S=r.useTheme(),{icon:f,label:T}=n.mapQuestionTypeToLabel(C);return e.jsxs(b,{children:[e.jsxs(c,{children:[e.jsx(r.Stack,{sx:{height:"22px",borderRadius:S.r.md,backgroundColor:S.custom.palette.icon.primary,paddingX:S.p.sm,justifyContent:"center"},children:e.jsx(s.Text,{size:"sm",monospaced:!0,textColor:S.custom.palette.text.primaryInverted,children:t})}),e.jsx(s.Text,{size:"md",children:o})]}),e.jsxs(r.Stack,{sx:{flexDirection:"row",gap:S.m.xs,borderRadius:S.r.round,border:`1px solid ${S.custom.palette.stroke.light}`,placeSelf:"center",padding:`2px ${S.p.sm}`,alignItems:"center"},children:[e.jsx(i.default,{name:f,size:16}),e.jsx(s.Text,{size:"sm",sx:{px:S.p.xs},children:T})]}),e.jsxs(r.Stack,{sx:{gap:S.m.sm,flexDirection:"row",justifyContent:"space-between",paddingX:S.p.md},children:[e.jsxs(r.Stack,{sx:{gap:S.m.sm},children:[d&&e.jsx(s.Text,{size:"sm",secondary:!0,clamp:2,children:d}),e.jsx(s.Text,{size:"lg",bold:!0,clamp:4,children:m}),j&&e.jsx(u,{typographyProps:{secondary:!0,size:"sm",clamp:3},children:j})]}),e.jsx(r.Box,{sx:{minWidth:"92px",width:"92px",height:"92px",overflow:"hidden",borderRadius:S.r.xs,border:`1px solid ${S.custom.palette.stroke.light}`,boxShadow:S.custom.elevation.raised,[`> .${r.boxClasses.root}`]:{display:"flex",height:"100%"}},children:e.jsx(l,{mediaType:q,thumbnail:x,onClick:g})})]}),e.jsxs(r.Stack,{sx:{gap:S.m.xs},children:[e.jsxs(r.Stack,{sx:{placeSelf:"center",alignItems:"center",flexDirection:"row",gap:S.m.sm,height:"18px"},children:[e.jsx(s.Text,{size:"xs",children:W}),h&&e.jsxs(s.Text,{size:"xs",bold:!0,monospaced:!0,children:[e.jsx(p.default,{value:h,animated:!0,format:{minimumFractionDigits:2,maximumFractionDigits:2}}),"likert"===C&&"%"]})]}),e.jsx(r.Box,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",height:"96px",paddingX:S.p.md},children:y})]}),B&&e.jsx(a,{sizing:"sm",sx:{placeSelf:"center"},variation:"outlined",endIcon:e.jsx(i.default,{name:"open-in-new"}),onClick:B,children:"View full result"})]})};

package/dist/theme/theme.hooks.d.ts

@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
 import { ScreenSize, CustomTheme } from './types.js';
 
 declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
-    breakpoint: "" | "sm" | "md" | "lg" | "xl";
+    breakpoint: "" | "sm" | "lg" | "md" | "xl";
     custom: CustomTheme;
     gridOverlayVisible: boolean;
     mode: PaletteMode;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.715",
+    "version": "1.4.717",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",