@useloops/design-system 1.4.733 → 1.4.735
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Platform/CommentCard.d.ts +2 -1
- package/dist/Platform/CommentCard.js +1 -1
- package/dist/Platform/EditedByAvatar.d.ts +1 -0
- package/dist/Platform/EditedByAvatar.js +1 -0
- package/dist/Platform.d.ts +2 -1
- package/dist/Platform.js +1 -1
- package/dist/esm/Platform/CommentCard.js +1 -1
- package/dist/esm/Platform/EditedByAvatar.js +1 -0
- package/dist/esm/Platform.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/systems/Platform/CommentCard/CommentCard.js +1 -1
- package/dist/esm/systems/Platform/EditedByAvatar/EditedByAvatar.js +1 -0
- package/dist/esm/systems/Platform/ProjectItem/ProjectItem.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/ProjectItemEmpty.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/_partials/UpdatedInfo.js +1 -1
- package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
- package/dist/esm/systems/Platform/TestItem/TestItem.js +1 -1
- package/dist/esm/systems/Platform/TestItem/_partials/FooterStat.js +1 -1
- package/dist/esm/systems/Platform/TestItem/_partials/Root.js +1 -1
- package/dist/esm/systems/Platform/TestItem/_partials/StatCard.js +1 -1
- package/dist/esm/systems/Platform/TestItem/_partials/TagList.js +1 -1
- package/dist/esm/systems/Platform/TestItem/_partials/TestItemSkeleton.js +1 -1
- package/dist/esm/systems/Platform/TestItem/helpers.js +1 -1
- package/dist/esm/systems/Platform/utils/cardInteraction.js +1 -0
- package/dist/esm/systems/WebCore/Button/Button.js +1 -1
- package/dist/esm/systems/WebCore/ButtonBase/Button.variant-helpers.js +1 -1
- package/dist/esm/systems/WebCore/Checkbox/StyledCheckbox.js +1 -1
- package/dist/esm/systems/WebCore/CheckboxGroup/CheckboxGroup.js +1 -1
- package/dist/esm/systems/WebCore/IconButtonBase/IconButton.variant-helpers.js +1 -1
- package/dist/esm/systems/WebCore/IconButtonBase/IconButtonBase.js +1 -1
- package/dist/esm/systems/WebCore/Likert/Likert.js +1 -1
- package/dist/esm/systems/WebCore/Radio/StyledRadio.js +1 -1
- package/dist/esm/systems/WebCore/RadioGroup/RadioGroup.js +1 -1
- package/dist/esm/systems/WebCore/Select/StyledSelect.variant-helpers.js +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +1 -1
- package/dist/systems/Platform/CommentCard/CommentCard.d.ts +1 -3
- package/dist/systems/Platform/CommentCard/CommentCard.js +1 -1
- package/dist/systems/Platform/EditedByAvatar/EditedByAvatar.d.ts +17 -0
- package/dist/systems/Platform/EditedByAvatar/EditedByAvatar.js +1 -0
- package/dist/systems/Platform/ProjectItem/ProjectItem.js +1 -1
- package/dist/systems/Platform/ProjectItem/ProjectItemEmpty.js +1 -1
- package/dist/systems/Platform/ProjectItem/_partials/UpdatedInfo.js +1 -1
- package/dist/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
- package/dist/systems/Platform/TestItem/TestItem.js +1 -1
- package/dist/systems/Platform/TestItem/_partials/FooterStat.js +1 -1
- package/dist/systems/Platform/TestItem/_partials/Root.js +1 -1
- package/dist/systems/Platform/TestItem/_partials/StatCard.js +1 -1
- package/dist/systems/Platform/TestItem/_partials/TagList.js +1 -1
- package/dist/systems/Platform/TestItem/_partials/TestItemSkeleton.js +1 -1
- package/dist/systems/Platform/TestItem/helpers.js +1 -1
- package/dist/systems/Platform/TestItem/types.d.ts +2 -0
- package/dist/systems/Platform/utils/cardInteraction.js +1 -0
- package/dist/systems/WebCore/Button/Button.js +1 -1
- package/dist/systems/WebCore/ButtonBase/Button.variant-helpers.d.ts +14 -8
- package/dist/systems/WebCore/ButtonBase/Button.variant-helpers.js +1 -1
- package/dist/systems/WebCore/Checkbox/StyledCheckbox.js +1 -1
- package/dist/systems/WebCore/CheckboxGroup/CheckboxGroup.js +1 -1
- package/dist/systems/WebCore/IconButtonBase/IconButton.variant-helpers.js +1 -1
- package/dist/systems/WebCore/IconButtonBase/IconButtonBase.js +1 -1
- package/dist/systems/WebCore/Likert/Likert.js +1 -1
- package/dist/systems/WebCore/Radio/StyledRadio.js +1 -1
- package/dist/systems/WebCore/RadioGroup/RadioGroup.js +1 -1
- package/dist/systems/WebCore/Select/StyledSelect.variant-helpers.js +1 -1
- package/dist/theme/theme.hooks.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../../utils/formValidation/misc.js"),require("../../../BrandCore/Icon/Icon.js"),require("../../../BrandCore/primitiveVariables.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"),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"),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/FormBuilder/FormBuilder.js"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../WebCore/IconButton/IconButton.js"),require("../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../WebCore/IconButtonGroup/IconButtonGroup.js");var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../../utils/cardInteraction.js");require("../../../../utils/formValidation/misc.js"),require("../../../BrandCore/Icon/Icon.js"),require("../../../BrandCore/primitiveVariables.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"),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"),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/FormBuilder/FormBuilder.js"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../WebCore/IconButton/IconButton.js"),require("../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../WebCore/IconButtonGroup/IconButtonGroup.js");var t=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("../../../BrandCore/colorRamps.js"),require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.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");var i=require("../../../../utils/shouldForwardProp.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");const a="image-container",s=r.styled(r.Box,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:t="grid"})=>{const{card:i}=e.custom.component;return{width:"100%",position:"relative",transition:"all 0.3s ease","&:hover .ProjectItem__Title":{textDecoration:"underline"},[`&:hover *[data-id="${o.MoreActionsContainerId}"]`]:{opacity:1},"&::after":o.interactionOverlay(e,0),[`& > .${r.cardActionAreaClasses.root}`]:{position:"relative",zIndex:1},..."grid"===t?{minWidth:280,maxWidth:400,background:i.surface.default,border:`1px solid ${i.stroke.default}`,borderRadius:e.spacing(i.radius),boxShadow:e.custom.elevation.raised,"&:hover":{boxShadow:e.custom.elevation.float,[`&::after, *[data-id="${a}"]::after`]:{backgroundColor:i.interaction.hover}},[`&:has(> .${r.cardActionAreaClasses.root}:active)`]:{[`&::after, *[data-id="${a}"]::after`]:{backgroundColor:i.interaction.press}}}:{borderBottom:`1px solid ${e.custom.palette.stroke.light}`,"&:hover::after":{backgroundColor:i.interaction.hover},[`&:has(> .${r.cardActionAreaClasses.root}:active):not(:has([data-id="${o.MoreActionsContainerId}"] :active))::after`]:{backgroundColor:i.interaction.press}}}}),n=r.styled(r.CardActionArea,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:o="grid"})=>({cursor:"pointer",..."list"===o&&{display:"flex",gap:e.spacing(e.custom.margin.sm),alignItems:"center",padding:e.spacing(e.custom.padding.xs)},[`& .${r.cardActionAreaClasses.focusHighlight}`]:{display:"none"}})),u=r.styled(r.Box,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:r="grid"})=>({overflow:"hidden",position:"relative",..."grid"===r?{width:"100%",aspectRatio:1.5,borderTopLeftRadius:`calc(${e.spacing(e.custom.component.card.radius)} - 1px)`,borderTopRightRadius:`calc(${e.spacing(e.custom.component.card.radius)} - 1px)`,"&::after":o.interactionOverlay(e,1)}:{height:72,width:108,borderRadius:e.spacing(e.custom.radius.md)}})),l=r.styled(r.Box,{shouldForwardProp:i.omitProps("count")})(({count:e})=>({width:"100%",height:"100%",display:"grid",gridTemplateColumns:1===e?"1fr":"1fr 1fr",gridTemplateRows:e<=2?"1fr":"1fr 1fr",...3===e&&{"& > *:first-of-type":{gridRow:"span 2"}}})),d=r.styled(r.Box)({position:"relative",overflow:"hidden",minWidth:0,minHeight:0}),p=r.styled(r.Box)(({theme:e})=>({position:"absolute",inset:0,zIndex:1,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:e.custom.palette.surface.scrim})),c=r.styled(r.CardContent,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:r="grid"})=>({display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.sm),..."grid"===r?{padding:e.spacing(e.custom.padding.md),width:"100%",borderTop:`1px solid ${e.custom.palette.stroke.subtle}`}:{paddingTop:e.spacing(e.custom.padding.xs),paddingBottom:e.spacing(e.custom.padding.xs),paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:0,overflow:"hidden",minWidth:67,flex:1,"&:last-child":{paddingBottom:0}}})),m=r.styled(r.Box,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:o="grid"})=>({opacity:0,transition:"opacity 0.3s ease",..."grid"===o&&{position:"absolute",top:8,right:8,zIndex:2},"&:focus-within":{opacity:1},[`&& .${r.iconButtonClasses.root}`]:{backgroundColor:e.custom.palette.surface.default,border:`1px solid ${e.custom.palette.stroke.default}`}})),b=r.styled(r.Box)(({theme:e})=>({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"start",gap:e.spacing(e.custom.margin.xs),"& > p":{alignSelf:"center"}})),C=r.styled(r.Stack)(({theme:e})=>({flexDirection:"row",alignItems:"center",flexWrap:"wrap",columnGap:e.spacing(e.custom.margin.sm),rowGap:e.spacing(e.custom.margin.xs),justifyContent:"space-between","& > *:last-child":{flexShrink:0}})),g=r.styled(r.Box,{shouldForwardProp:i.omitProps("viewType")})(({theme:e,viewType:r="grid"})=>({width:"grid"===r?"100%":108,height:"grid"===r?"100%":72,backgroundColor:e.custom.palette.purple[0],display:"flex",justifyContent:"center",alignItems:"center",borderRadius:"grid"===r?0:e.spacing(e.custom.radius.md),"& svg":{height:"grid"===r?64:32,width:"grid"===r?64:32}}));exports.CardActionArea=n,exports.CardContainer=s,exports.CardContent=c,exports.Collage=l,exports.CollageCell=d,exports.CollageScrim=p,exports.ImageContainer=u,exports.ImageContainerId=a,exports.LazyImage=({title:r,description:o,thumbnail:i})=>{const a=[r,o].filter(Boolean).join(" | ");return e.jsx(t,{src:i??void 0,alt:a,title:a,width:"100%",height:"100%"})},exports.ListImageHeight=72,exports.ListImageWidth=108,exports.ListInfoRow=C,exports.MoreActionsContainer=m,exports.Tile=g,exports.TitleRow=b;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),s=require("@number-flow/react"),a=require("../../BrandCore/Icon/Icon.js"),r=require("../../WebCore/IconButton/IconButton.js");require("../../BrandCore/primitiveVariables.js");var i=require("../../WebCore/Menu/Menu.js"),o=require("../../WebCore/ProgressBar/ProgressBar.js"),n=require("../../WebCore/Text/Text.js"),d=require("../EditedByAvatar/EditedByAvatar.js"),l=require("../TestStatus/helpers/index.js"),c=require("../TestStatus/TestStatus.js"),m=require("../utils/cardInteraction.js"),u=require("./_partials/AnimatedDuration.js"),p=require("./_partials/FooterStat.js"),x=require("./_partials/Root.js"),g=require("./_partials/StatCard.js"),j=require("./_partials/TagList.js"),b=require("./helpers.js");function h(e){return e&&e.__esModule?e:{default:e}}var f=h(s);module.exports=({status:s,title:h,activityDescription:C,updatedBy:v,tags:y,menuItems:q,progress:T,counts:B,animated:k=!0,selected:S=!1,disabled:I=!1,onClick:w,..._})=>{const z=t.useTheme(),{card:M}=z.custom.component,$=`1px solid ${z.custom.palette.stroke.transparent}`;return e.jsx(x,{variation:"raised",selected:S,disabled:I,tabIndex:I?-1:0,..._,onClick:m.guardCardClick(w),children:e.jsxs(t.Stack,{component:"article",sx:{gap:z.m.md},children:[e.jsxs(t.Stack,{component:"header",sx:{gap:z.m.sm},children:[e.jsxs(t.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"start",gap:z.m.sm},children:[e.jsx(c,{status:s,sizing:"xs"}),Boolean(q?.length)&&e.jsx(t.Box,{"data-id":m.MoreActionsContainerId,children:e.jsx(i.default,{trigger:e.jsx(r,{icon:e.jsx(a.default,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:24,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:`${z.custom.palette.interaction.press} !important`,opacity:1}}}),menuItems:q,width:200,offset:[0,8],placement:"bottom-end"})})]}),e.jsx(n.Text,{size:"md",bold:!0,disabled:I,className:"TestItem__Title",children:h}),"draft"===s?y&&y.length>0&&e.jsx(j.default,{tags:y}):e.jsx(t.Box,{sx:{minHeight:j.TagListCollapsedHeight},children:y&&y.length>0&&e.jsx(j.default,{tags:y})})]}),T&&e.jsx(t.Box,{sx:{background:M.surface.elevated,border:`1px solid ${M.stroke.default}`,borderRadius:z.r.md,...b.respondToCollapse(z,{padding:z.p.md},{padding:`${z.p.md} ${z.p.md} ${z.p.sm}`})},children:e.jsxs(t.Stack,{sx:b.respondToCollapse(z,{gap:z.m.md},{gap:z.m.sm}),children:[e.jsx(o,{variation:"determinate",value:b.getCompletionPercentage(T),sx:{height:8,"&.MuiLinearProgress-root .MuiLinearProgress-bar":{backgroundColor:I?z.custom.palette.icon.disabled:l.getColorByStatus(z,s)}}}),e.jsxs(t.Box,{sx:{display:"grid",...b.respondToCollapse(z,{gridTemplateColumns:"repeat(3, 1fr)","& > :not(:last-child)":{borderRight:$,borderBottom:"none"}},{gridTemplateColumns:"auto","& > *":{paddingBlock:z.p.xs},"& > :not(:last-child)":{borderBottom:$,borderRight:"none"}})},children:[e.jsx(g,{label:"Completed",value:e.jsx(f.default,{value:T.completed,animated:k}),secondary:`of ${T.total}`,disabled:I}),e.jsx(g,{label:"Drop off",value:e.jsxs(e.Fragment,{children:[e.jsx(f.default,{value:b.getIncompletePercentage(T),animated:k}),"%"]}),secondary:e.jsxs(e.Fragment,{children:[e.jsx(f.default,{value:T.incomplete,animated:k})," respondents"]}),disabled:I}),e.jsx(g,{label:"Duration",value:e.jsx(u,{seconds:T.averageDurationSeconds,animated:k}),secondary:"average",disabled:I})]})]})}),e.jsxs(t.Stack,{component:"footer",direction:"row",sx:{justifyContent:C||v?"space-between":"flex-end",alignItems:"center",gap:z.m.sm},children:[(C||v)&&e.jsxs(t.Stack,{direction:"row",sx:{alignItems:"center",gap:z.m.xs,minWidth:0},children:[v&&e.jsx(d.default,{...v,disabled:I}),C&&e.jsx(n.Text,{clamp:1,size:"xxs",secondary:!0,disabled:I,sx:b.respondToCollapse(z,{fontSize:z.custom.typography.body.xxs},{fontSize:z.custom.typography.body.sm}),children:C})]}),"draft"!==s&&e.jsxs(t.Stack,{direction:"row",sx:{alignItems:"center",gap:z.m.md,flexShrink:0},children:[e.jsx(p,{animated:k,iconName:"data-bar",label:"answers",value:B?.answers??0,disabled:I}),e.jsx(p,{animated:k,iconName:"comment-filled",label:"comments",value:B?.comments??0,disabled:I})]})]})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),r=require("@number-flow/react"),a=require("../../../BrandCore/Icon/Icon.js"),i=require("../../../WebCore/Text/Text.js"),n=require("../helpers.js");function o(e){return e&&e.__esModule?e:{default:e}}var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),r=require("@number-flow/react"),a=require("../../../BrandCore/Icon/Icon.js"),i=require("../../../WebCore/Text/Text.js"),n=require("../helpers.js");function o(e){return e&&e.__esModule?e:{default:e}}var l=o(r);module.exports=({animated:r,iconName:o,iconSize:t=20,label:d,value:c,disabled:u})=>{const x=s.useTheme();return e.jsxs(s.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(a.default,{name:o,size:t,sx:{color:u?x.custom.palette.icon.disabled:x.custom.palette.icon.secondary}}),e.jsx(i.Text,{monospaced:!0,size:"sm",secondary:!0,disabled:u,children:e.jsx(l.default,{value:c,animated:r})}),e.jsx(i.Text,{monospaced:!0,size:"xxs",secondary:!0,sx:n.respondToCollapse(x,{display:"inline"},{display:"none"}),children:d})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@mui/material");require("react");var o=require("../../../../utils/shouldForwardProp.js"),r=require("../../../WebCore/Surface/Surface.js");const
|
|
1
|
+
"use strict";var e=require("@mui/material");require("react");var o=require("../../../../utils/shouldForwardProp.js"),r=require("../../../WebCore/Surface/Surface.js"),t=require("../../utils/cardInteraction.js");const i=e.styled(r,{shouldForwardProp:o.omitProps("selected","disabled")})(({theme:e,selected:o,disabled:r})=>{const{card:i}=e.custom.component;return{position:"relative",containerType:"inline-size",padding:e.p.md,border:`1px solid ${o?i.stroke.selected:i.stroke.default}`,borderRadius:e.spacing(i.radius),width:"100%",maxWidth:576,cursor:r?"default":"pointer",transition:"border-color 0.2s ease, box-shadow 0.2s ease",...o&&{backgroundColor:i.surface.selected},"&:hover .TestItem__Menu":{opacity:1},"&::after":{...t.interactionOverlay(e,0),...r&&{backgroundColor:i.interaction.disabled}},"& > article":{position:"relative",zIndex:1},...r?{pointerEvents:"none"}:{"&:hover .TestItem__Title, &:active .TestItem__Title":{textDecoration:"underline"},"&&:hover":{...!o&&{borderColor:i.stroke.hover},boxShadow:e.custom.elevation.float,"&::after":{backgroundColor:i.interaction.hover}},[`&&:active:not(:has([data-id="${t.MoreActionsContainerId}"] :active))::after`]:{backgroundColor:i.interaction.press},"&&:focus-visible":{outline:"none",...!o&&{borderColor:i.stroke.default},boxShadow:e.custom.boxShadow.input.focus}}}});module.exports=i;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),s=require("../../../WebCore/Text/Text.js"),o=require("../helpers.js");module.exports=({label:r,value:i,secondary:l,disabled:a})=>{const d=t.useTheme(),{card:n}=d.custom.component;return e.jsxs(t.Stack,{sx:{alignItems:"center",background:n.surface.default,minWidth:o.StatCardMinWidth,color:a?d.custom.palette.text.disabled:d.custom.palette.text.primary,height:"100%",...o.respondToCollapse(d,{flexDirection:"column",gap:d.m.none},{flexDirection:"row",gap:d.m.sm})},children:[e.jsx(s.Text,{size:"sm",secondary:!0,monospaced:!0,disabled:a,sx:{width:"100%",...o.respondToCollapse(d,{textAlign:"center"},{textAlign:"left"})},children:r}),e.jsx(s.Text,{bold:!0,monospaced:!0,disabled:a,sx:{flexShrink:0,...o.respondToCollapse(d,{fontSize:d.custom.typography.body.xxl},{fontSize:d.custom.typography.body.md})},children:i}),e.jsx(s.Text,{size:"sm",secondary:!0,monospaced:!0,disabled:a,sx:{flexShrink:0},children:l})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),o=require("react-truncate-list"),i=require("../../../BrandCore/Icon/Icon.js");require("../../../../utils/formValidation/misc.js"),require("../../../BrandCore/primitiveVariables.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"),require("../../../WebCore/Text/Text.js"),require("@mui/icons-material"),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"),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/FormBuilder/FormBuilder.js"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var a=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");var u=require("../../../WebCore/KeyValueLabel/KeyValueLabel.js"),s=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("../../../BrandCore/colorRamps.js"),require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.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");exports.TagListCollapsedHeight=56,exports.default=({tags:l})=>{const n=r.useTheme(),[b,C]=t.useState(!1);return e.jsx(o.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"stretch",maxHeight:b?"none":56,gap:n.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:b,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(s,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),C(!0)},sx:{background:n.custom.palette.neutral[50],height:"100%"}}):e.jsx(a,{sizing:"sm",icon:e.jsx(i.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),C(!1)},sx:{color:n.custom.palette.icon.primary,alignSelf:"center"}}),children:l.map(({category:r,selection:t})=>e.jsx(u,{keyString:r,valueString:t,cursor:"inherit"},r))})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("@mui/material"),r=require("../../../WebCore/Skeleton/Skeleton.js"),t=require("./Root.js"),i=require("./TagList.js");module.exports=o=>{const x=s.useTheme();return e.jsx(t,{variation:"raised",...o,children:e.jsxs(s.Stack,{component:"article",sx:{gap:x.m.md},children:[e.jsxs(s.Stack,{component:"header",sx:{gap:x.m.sm},children:[e.jsx(r,{sx:{width:90,height:32}}),e.jsx(r,{sx:{height:24}}),e.jsx(r,{sx:{height:i.TagListCollapsedHeight}})]}),e.jsx(r,{sx:{height:150}}),e.jsxs(s.Stack,{component:"footer",direction:"row",sx:{alignItems:"center",gap:x.m.xs},children:[e.jsx(r,{sx:{borderRadius:x.r.round,width:24,aspectRatio:1,flexShrink:0}}),e.jsx(r,{sx:{width:100,height:16}})]})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";exports.getCompletionPercentage=({completed:e,total:t})=>t>0?e/t*100:0,exports.getIncompletePercentage=({completed:e,incomplete:t})=>Math.round(t/(e+t)*100)||0,exports.
|
|
1
|
+
"use strict";exports.CardCollapseWidth=372,exports.StatCardMinWidth=112,exports.getCompletionPercentage=({completed:e,total:t})=>t>0?e/t*100:0,exports.getIncompletePercentage=({completed:e,incomplete:t})=>Math.round(t/(e+t)*100)||0,exports.respondToCollapse=(e,t,o)=>({[e.breakpoints.up("lg")]:t,[e.breakpoints.down("lg")]:o,[e.containerQueries.up(372)]:t,[e.containerQueries.down(372)]:o});
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { MenuProps } from '../../WebCore/Menu/Menu.js';
|
|
2
2
|
import { SurfaceProps } from '../../WebCore/Surface/Surface.js';
|
|
3
|
+
import { EditedByAvatarProps } from '../EditedByAvatar/EditedByAvatar.js';
|
|
3
4
|
import { TestStatusProps } from '../TestStatus/types.js';
|
|
4
5
|
|
|
5
6
|
interface TestItemTag {
|
|
@@ -20,6 +21,7 @@ interface TestItemProps extends SurfaceProps {
|
|
|
20
21
|
status: TestStatusProps['status'];
|
|
21
22
|
title: string;
|
|
22
23
|
activityDescription?: string;
|
|
24
|
+
updatedBy?: EditedByAvatarProps;
|
|
23
25
|
tags?: TestItemTag[];
|
|
24
26
|
menuItems?: MenuProps['menuItems'];
|
|
25
27
|
progress?: TestItemProgress;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o="more-actions-container";exports.MoreActionsContainerId=o,exports.guardCardClick=t=>n=>{n.target.closest(`[data-id="${o}"], .MuiPopper-root`)||t?.(n)},exports.interactionOverlay=(o,t)=>({content:'""',position:"absolute",inset:0,zIndex:t,borderRadius:"inherit",pointerEvents:"none",backgroundColor:o.custom.component.card.interaction.none,transition:"background-color 0.2s ease"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("react");var t=require("../../../utils/shouldForwardProp.js"),o=require("../ButtonBase/Button.variant-helpers.js"),i=require("../ButtonBase/ButtonBase.js");const a=r.styled(i,{shouldForwardProp:t.omitProps("variation","destructive","sizing")})(({theme:e,variation:r,sizing:t,destructive:i})=>({color:e.custom.palette.text.primary,...t&&{...o.getButtonTypography(t)},...t&&{...o.getButtonSizing(t)},...t&&{...o.getIconSizing(t)},...o.buttonPadding(),"@media (hover: hover)":{"&:hover:before":{backgroundColor:e.custom.palette.interaction.hover}},"&:focus-visible:before":{backgroundColor:e.custom.palette.interaction.hover},"&:active:before":{backgroundColor:e.custom.palette.interaction.press},..."subtle"===r&&{...o.subtle(e,i)},..."outlined"===r&&{...o.outlined(e,i)},..."secondary"===r&&{...o.secondary(e,i)},..."primary"===r&&{...o.primary(e,i)},"&.Mui-disabled, &.Mui-disabled:hover":{backgroundColor:e.custom.palette.interaction.disabled,color:e.custom.palette.text.disabled,"&:before":{backgroundColor:"transparent"}}}));module.exports=({sizing:r="lg",variation:t="primary",...o})=>e.jsx(a,{variation:t,sizing:r,...o});
|
|
@@ -19,8 +19,10 @@ declare const outlined: (theme: Theme, destructive?: boolean) => {
|
|
|
19
19
|
'&:focus:before': {
|
|
20
20
|
boxShadow: string;
|
|
21
21
|
};
|
|
22
|
-
'
|
|
23
|
-
|
|
22
|
+
'@media (hover: hover)': {
|
|
23
|
+
'&:hover': {
|
|
24
|
+
backgroundColor: string;
|
|
25
|
+
};
|
|
24
26
|
};
|
|
25
27
|
'&:focus-visible': {
|
|
26
28
|
boxShadow: string;
|
|
@@ -38,8 +40,10 @@ declare const secondary: (theme: Theme, destructive?: boolean) => {
|
|
|
38
40
|
'&:focus:before': {
|
|
39
41
|
boxShadow: string;
|
|
40
42
|
};
|
|
41
|
-
'
|
|
42
|
-
|
|
43
|
+
'@media (hover: hover)': {
|
|
44
|
+
'&:hover': {
|
|
45
|
+
backgroundColor: string;
|
|
46
|
+
};
|
|
43
47
|
};
|
|
44
48
|
'&:focus-visible': {
|
|
45
49
|
boxShadow: string;
|
|
@@ -54,11 +58,13 @@ declare const primary: (theme: Theme, destructive?: boolean) => {
|
|
|
54
58
|
'&:focus:before': {
|
|
55
59
|
boxShadow: string;
|
|
56
60
|
};
|
|
57
|
-
'
|
|
58
|
-
|
|
59
|
-
color: string;
|
|
60
|
-
'&::before': {
|
|
61
|
+
'@media (hover: hover)': {
|
|
62
|
+
'&:hover': {
|
|
61
63
|
backgroundColor: string;
|
|
64
|
+
color: string;
|
|
65
|
+
'&::before': {
|
|
66
|
+
backgroundColor: string;
|
|
67
|
+
};
|
|
62
68
|
};
|
|
63
69
|
};
|
|
64
70
|
'&:focus-visible': {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("@mui/material");var e=require("../../BrandCore/Icon/Icon.js"),t=require("../../BrandCore/primitiveVariables.js"),o=require("../utils/typography.util.js");const r=(e,t)=>({backgroundColor:e.custom.palette.interaction.none,color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,fontWeight:300,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus}}),a={xs:3*t.base,sm:3.5*t.base,md:4*t.base,lg:5*t.base,xl:6*t.base,xxl:7*t.base,xxxl:8*t.base},s={xs:.5*t.base,sm:.5*t.base,md:t.base,lg:t.base,xl:t.base,xxl:t.base,xxxl:t.base};exports.buttonHeightMap=a,exports.buttonInteraction=(e,t)=>({cursor:"pointer","&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&:focus":{backgroundColor:e.custom.palette.interaction.hover},"&:active":{backgroundColor:e.custom.palette.interaction.press},"&:disabled":{backgroundColor:e.custom.palette.interaction.disabled,color:e.custom.palette.text.disabled},...t&&{backgroundColor:e.custom.palette.interaction.press,"&:hover":{backgroundColor:e.custom.palette.interaction.press},"&:focus":{backgroundColor:e.custom.palette.interaction.press},"&:active":{backgroundColor:e.custom.palette.interaction.press}},...r(e,!1)}),exports.buttonPadding=()=>({paddingLeft:t.base,paddingRight:t.base}),exports.getButtonSizing=e=>({height:a[e]}),exports.getButtonTypography=e=>({"& .MuiBox-root":{lineHeight:"120%",fontSize:o.fontSizemap[e],paddingLeft:s[e],paddingRight:s[e]}}),exports.getIconSizing=t=>({"& .MuiButton-icon":{margin:0,".MuiSvgIcon-root":{height:e.iconSizeMap[t],width:e.iconSizeMap[t]}},"& .MuiSvgIcon-root":{height:e.iconSizeMap[t],width:e.iconSizeMap[t]}}),exports.outlined=(e,t)=>({backgroundColor:e.custom.palette.surface.raised,color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,border:`1px solid ${e.custom.palette.stroke.default}`,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"&:hover":{backgroundColor:e.custom.palette.surface.raised},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus},"&:active":{backgroundColor:e.custom.palette.surface.raised},"&:disabled":{border:`1px solid ${e.custom.palette.stroke.disabled}`}}),exports.primary=(e,t)=>({backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"&:hover":{backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&::before":{backgroundColor:e.custom.palette.interaction.hoverOnDark}},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus,"&::before":{backgroundColor:e.custom.palette.interaction.hoverOnDark}},"&:active":{backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&::before":{backgroundColor:e.custom.palette.interaction.pressOnDark}}}),exports.secondary=(e,t)=>({backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0],color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"&:hover":{backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0]},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus},"&:active":{backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0]}}),exports.subtle=r;
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("@mui/material");var e=require("../../BrandCore/Icon/Icon.js"),t=require("../../BrandCore/primitiveVariables.js"),o=require("../utils/typography.util.js");const r=(e,t)=>({backgroundColor:e.custom.palette.interaction.none,color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,fontWeight:300,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus}}),a={xs:3*t.base,sm:3.5*t.base,md:4*t.base,lg:5*t.base,xl:6*t.base,xxl:7*t.base,xxxl:8*t.base},s={xs:.5*t.base,sm:.5*t.base,md:t.base,lg:t.base,xl:t.base,xxl:t.base,xxxl:t.base};exports.buttonHeightMap=a,exports.buttonInteraction=(e,t)=>({cursor:"pointer","&:hover":{backgroundColor:e.custom.palette.interaction.hover},"&:focus":{backgroundColor:e.custom.palette.interaction.hover},"&:active":{backgroundColor:e.custom.palette.interaction.press},"&:disabled":{backgroundColor:e.custom.palette.interaction.disabled,color:e.custom.palette.text.disabled},...t&&{backgroundColor:e.custom.palette.interaction.press,"&:hover":{backgroundColor:e.custom.palette.interaction.press},"&:focus":{backgroundColor:e.custom.palette.interaction.press},"&:active":{backgroundColor:e.custom.palette.interaction.press}},...r(e,!1)}),exports.buttonPadding=()=>({paddingLeft:t.base,paddingRight:t.base}),exports.getButtonSizing=e=>({height:a[e]}),exports.getButtonTypography=e=>({"& .MuiBox-root":{lineHeight:"120%",fontSize:o.fontSizemap[e],paddingLeft:s[e],paddingRight:s[e]}}),exports.getIconSizing=t=>({"& .MuiButton-icon":{margin:0,".MuiSvgIcon-root":{height:e.iconSizeMap[t],width:e.iconSizeMap[t]}},"& .MuiSvgIcon-root":{height:e.iconSizeMap[t],width:e.iconSizeMap[t]}}),exports.outlined=(e,t)=>({backgroundColor:e.custom.palette.surface.raised,color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,border:`1px solid ${e.custom.palette.stroke.default}`,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"@media (hover: hover)":{"&:hover":{backgroundColor:e.custom.palette.surface.raised}},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus},"&:active":{backgroundColor:e.custom.palette.surface.raised},"&:disabled":{border:`1px solid ${e.custom.palette.stroke.disabled}`}}),exports.primary=(e,t)=>({backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"@media (hover: hover)":{"&:hover":{backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&::before":{backgroundColor:e.custom.palette.interaction.hoverOnDark}}},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus,"&::before":{backgroundColor:e.custom.palette.interaction.hoverOnDark}},"&:active":{backgroundColor:t?e.custom.palette.red[500]:e.custom.palette.purple[500],color:e.custom.palette.text.lockedWhite,"&::before":{backgroundColor:e.custom.palette.interaction.pressOnDark}}}),exports.secondary=(e,t)=>({backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0],color:t?e.custom.palette.text.negative:e.custom.palette.text.primary,"&:focus:before":{boxShadow:e.custom.palette.interaction.none},"@media (hover: hover)":{"&:hover":{backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0]}},"&:focus-visible":{boxShadow:e.custom.boxShadow.input.focus},"&:active":{backgroundColor:t?e.custom.palette.red[0]:e.custom.palette.purple[0]}}),exports.subtle=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),o=require("@mui/icons-material"),t=require("@mui/material");require("react");var i=require("../../../utils/shouldForwardProp.js"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("@mui/icons-material"),t=require("@mui/material");require("react");var i=require("../../../utils/shouldForwardProp.js"),a=require("../../BrandCore/Icon/Icon.js"),s=require("../../BrandCore/primitiveVariables.js");const r=t.styled(t.Checkbox,{shouldForwardProp:i.omitProps("sizing","variant")})(({theme:e,sizing:o,variant:t})=>({height:"default"===o?s.space[300]:s.space[400],width:"default"===o?s.space[300]:s.space[400],padding:0,flex:"none",borderRadius:e.spacing(e.custom.radius.sm),border:"none",boxShadow:`0px 0px 0px 0px ${e.custom.palette.interaction.none}, inset 0px 0px 0px 1px ${e.custom.palette.stroke.default}`,backgroundColor:e.custom.palette.input.default,position:"relative",transition:`${e.custom.easing.input}`,"& svg":{transition:e.custom.easing.input,fill:"none",width:"default"===o?a.iconSizeMap.sm:a.iconSizeMap.xl,height:"default"===o?a.iconSizeMap.sm:a.iconSizeMap.xl},"&:before":{content:'""',position:"absolute",inset:0},"@media (hover: hover)":{"&:hover":{backgroundColor:e.custom.palette.input.default,"&:before":{borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.interaction.hover}}},"&:active":{backgroundColor:e.custom.palette.input.default,boxShadow:`${e.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${e.custom.palette.stroke.focus}`,"&:before":{borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.interaction.press}},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,boxShadow:`inset 0px 0px 0px 1px ${e.custom.palette.stroke.disabled}`},"&.Mui-checked":{backgroundColor:e.custom.palette.purple[500],"& svg":{fill:e.custom.palette.icon.lockedWhite},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,"& svg":{fill:e.custom.palette.icon.disabled}}},"&.MuiCheckbox-indeterminate":{backgroundColor:e.custom.palette.purple[500],"& svg":{fill:e.custom.palette.icon.lockedWhite}},"&.Mui-focusVisible":{boxShadow:`${e.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${e.custom.palette.stroke.focus}`,"&:before":{backgroundColor:e.custom.palette.interaction.press}},..."secondary"===t?{boxShadow:`0px 0px 0px 0px ${e.custom.palette.interaction.none}, inset 0px 0px 0px 1px ${e.custom.palette.blue[500]}`,"@media (hover: hover)":{"&:hover":{backgroundColor:e.custom.palette.blue[0]}},"&:active":{backgroundColor:e.custom.palette.input.default,boxShadow:`${e.custom.boxShadow.input.focus}, inset 0px 0px 0px 1px ${e.custom.palette.blue[500]}`,"&:before":{borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:e.custom.palette.blue[0],"& svg":{fill:e.custom.palette.icon.primary}},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,boxShadow:`inset 0px 0px 0px 1px ${e.custom.palette.stroke.disabled}`},"&.MuiCheckbox-indeterminate":{backgroundColor:e.custom.palette.blue[0],"& svg":{fill:e.custom.palette.icon.primary}}}:void 0}));module.exports=({inputRef:t,slotProps:i,...a})=>e.jsx(r,{checkedIcon:e.jsx(o.Check,{}),indeterminateIcon:e.jsx(o.Remove,{}),...a,slotProps:{...i,input:{...i?.input,ref:t}},disableFocusRipple:!0});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),l=require("@mui/material"),i=require("react"),t=require("../FormControlLabel/FormControlLabel.js"),n=require("../Checkbox/StyledCheckbox.js"),r=require("../TextField/TextField.js");module.exports=({sizing:o,options:s,other:a,internalChange:u,value:c,inputRef:d,onChange:h,maxSelections:x,noneOfTheseOption:b})=>{const m=a?.name||"other-option",p=b?.value||"none-of-these-option",f=`${m}-value-`,g=e=>`${f}${e}`,
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),l=require("@mui/material"),i=require("react"),t=require("../FormControlLabel/FormControlLabel.js"),n=require("../Checkbox/StyledCheckbox.js"),r=require("../TextField/TextField.js");module.exports=({sizing:o,options:s,other:a,internalChange:u,value:c,inputRef:d,onChange:h,maxSelections:x,noneOfTheseOption:b})=>{const m=a?.name||"other-option",p=b?.value||"none-of-these-option",f=`${m}-value-`,g=e=>`${f}${e}`,v=a?.enabled,j=c?.includes(m)&&v,C=c?.find(e=>e.includes(f)),k=i.useMemo(()=>c?c.filter(e=>!e.startsWith(f)).length:0,[c,f]),q=!!x&&k>=x;if(!c)return e.jsx("div",{});const F=(e,l)=>{const i=c.includes(e);if(!i&&q&&!l)return;let t;i?t=c.filter(l=>l!==e):l?t=[e]:(t=[...new Set(c),e],t=t.filter(e=>!s.find(l=>l?.exclusive&&e===l.value)),b&&(t=t.filter(e=>e!==p))),a?.enabled&&(l?t=t.filter(e=>e!==m&&!e.includes(f)):e===m&&i&&(t=t.filter(e=>!e.includes(f)))),h(t),u&&u()},M=(e,l)=>!l&&(q&&!c.includes(e));return e.jsxs(e.Fragment,{children:[e.jsxs(l.FormGroup,{sx:{display:"flex",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"@media (hover: hover)":{"&:not(.Mui-disabled):hover":{"& .MuiCheckbox-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}}},children:[s?.map(l=>{const i=l.value,r=M(i,l.exclusive);return e.jsx(t,{sx:{"& .MuiButtonBase-root.MuiCheckbox-root":{alignSelf:"baseline"},"& .MuiTypography-root":{mt:0}},onChange:()=>F(i,l.exclusive),checked:c.includes(i),disabled:r,control:e.jsx(n,{sizing:o,disabled:r}),label:l.label},i)}),v&&e.jsx(t,{inputRef:d,onChange:()=>F(m),label:a?.label||"Other",checked:c.includes(m),disabled:M(m),control:e.jsx(n,{sizing:o})},m),b&&e.jsx(t,{onChange:()=>F(p,!0),checked:c.includes(p),control:e.jsx(n,{sizing:o}),label:b.label},p)]}),j&&e.jsx(l.Box,{sx:{mt:1},children:e.jsx(r,{fullWidth:!0,autoFocus:!0,defaultValue:C?C.replace(f,""):"",placeholder:a?.placeholder,onChange:e=>{const l=c.find(e=>e.includes(f)),i=(l?c.map(l=>l.includes(f)?g(e.target.value):l):[...c,g(e.target.value)]).filter(e=>e!==f);h(i),u&&u()},required:!0})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("../../BrandCore/primitiveVariables.js");const e={xs:3*o.base,sm:3.5*o.base,md:4*o.base,lg:5*o.base,xl:6*o.base},t={xs:2*o.base,sm:2*o.base,md:2*o.base,lg:2.5*o.base,xl:3*o.base};exports.IconSizeMap=t,exports.buttonSizeMap=e,exports.defaultStyle=o=>({backgroundColor:o.custom.palette.interaction.none,color:o.custom.palette.icon.primary}),exports.elevated=o=>({backgroundColor:o.custom.palette.surface.raised,boxShadow:o.custom.elevation.overlay,color:o.custom.palette.icon.primary,"&:focus-visible:after":{boxShadow:o.custom.boxShadow.input.focus},"&.MuiIconButton-root:disabled":{boxShadow:"none"}}),exports.getIconButtonRadius=(o,e)=>({borderRadius:"default"===o?e.spacing(e.custom.radius.md):e.custom.radius.round}),exports.getIconButtonSizing=o=>({height:e[o],width:e[o]}),exports.getIconSizing=o=>({height:t[o],width:t[o]}),exports.outlined=o=>({backgroundColor:o.custom.palette.surface.raised,border:`1px solid ${o.custom.palette.stroke.default}`,color:o.custom.palette.icon.primary,"&.MuiIconButton-root:disabled":{border:"none"}}),exports.raised=o=>({backgroundColor:o.custom.palette.surface.raised,boxShadow:o.custom.elevation.raised,color:o.custom.palette.icon.primary,"&:focus-visible:after":{boxShadow:o.custom.boxShadow.input.focus},"&.MuiIconButton-root:disabled":{boxShadow:"none"}}),exports.toggle=(o,e)=>({"&.MuiButtonBase-root":{color:e?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,backgroundColor:e?o.custom.palette[e][500]:o.custom.palette.purple[100],"&:focus:before":{backgroundColor:"none"},"&:hover:before":{backgroundColor:o.custom.palette.interaction.hoverOnDark},"&:active:before":{backgroundColor:o.custom.palette.interaction.pressOnDark},"&:focus-visible:before":{backgroundColor:o.custom.palette.surface.transparent},"&.Mui-disabled":{backgroundColor:o.custom.palette.interaction.disabled,"&:before":{color:o.custom.palette.icon.disabled}}}});
|
|
1
|
+
"use strict";var o=require("../../BrandCore/primitiveVariables.js");const e={xs:3*o.base,sm:3.5*o.base,md:4*o.base,lg:5*o.base,xl:6*o.base},t={xs:2*o.base,sm:2*o.base,md:2*o.base,lg:2.5*o.base,xl:3*o.base};exports.IconSizeMap=t,exports.buttonSizeMap=e,exports.defaultStyle=o=>({backgroundColor:o.custom.palette.interaction.none,color:o.custom.palette.icon.primary}),exports.elevated=o=>({backgroundColor:o.custom.palette.surface.raised,boxShadow:o.custom.elevation.overlay,color:o.custom.palette.icon.primary,"&:focus-visible:after":{boxShadow:o.custom.boxShadow.input.focus},"&.MuiIconButton-root:disabled":{boxShadow:"none"}}),exports.getIconButtonRadius=(o,e)=>({borderRadius:"default"===o?e.spacing(e.custom.radius.md):e.custom.radius.round}),exports.getIconButtonSizing=o=>({height:e[o],width:e[o]}),exports.getIconSizing=o=>({height:t[o],width:t[o]}),exports.outlined=o=>({backgroundColor:o.custom.palette.surface.raised,border:`1px solid ${o.custom.palette.stroke.default}`,color:o.custom.palette.icon.primary,"&.MuiIconButton-root:disabled":{border:"none"}}),exports.raised=o=>({backgroundColor:o.custom.palette.surface.raised,boxShadow:o.custom.elevation.raised,color:o.custom.palette.icon.primary,"&:focus-visible:after":{boxShadow:o.custom.boxShadow.input.focus},"&.MuiIconButton-root:disabled":{boxShadow:"none"}}),exports.toggle=(o,e)=>({"&.MuiButtonBase-root":{color:e?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,backgroundColor:e?o.custom.palette[e][500]:o.custom.palette.purple[100],"&:focus:before":{backgroundColor:"none"},"@media (hover: hover)":{"&:hover:before":{backgroundColor:o.custom.palette.interaction.hoverOnDark}},"&:active:before":{backgroundColor:o.custom.palette.interaction.pressOnDark},"&:focus-visible:before":{backgroundColor:o.custom.palette.surface.transparent},"&.Mui-disabled":{backgroundColor:o.custom.palette.interaction.disabled,"&:before":{color:o.custom.palette.icon.disabled}}}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var o=require("react/jsx-runtime"),e=require("@mui/material"),t=require("react"),i=require("../../../utils/shouldForwardProp.js"),r=require("./IconButton.variant-helpers.js");const
|
|
1
|
+
"use strict";var o=require("react/jsx-runtime"),e=require("@mui/material"),t=require("react"),i=require("../../../utils/shouldForwardProp.js"),r=require("./IconButton.variant-helpers.js");const a=e.styled(e.IconButton,{shouldForwardProp:i.omitProps("variation","shape","sizing","toggleColor")})(({theme:o,variation:e,shape:t="default",sizing:i,toggleColor:a})=>({boxSizing:"border-box",transition:"all 200ms ease",overflow:"hidden","&::before":{content:'""',backgroundColor:"transparent",transition:"all 200ms ease",position:"absolute",inset:0,zIndex:1},...t&&{...r.getIconButtonRadius(t,o)},...i&&{...r.getIconButtonSizing(i)},"&.MuiIconButton-root":{"&:focus:before":{backgroundColor:o.custom.palette.interaction.none},"@media (hover: hover)":{"&:hover:before":{backgroundColor:o.custom.palette.interaction.hover}},"&:active:before":{backgroundColor:o.custom.palette.interaction.press},"&:focus-visible":{boxShadow:o.custom.boxShadow.input.focus},"&.Mui-disabled":{"&:before":{backgroundColor:o.custom.palette.interaction.disabled,color:o.custom.palette.icon.disabled},"& .MuiSvgIcon-root":{fill:o.custom.palette.icon.disabled,"& path":{fill:"inherit"}}},"& .MuiSvgIcon-root":{fill:a?o.custom.palette.icon.lockedWhite:o.custom.palette.icon.primary,...i&&{...r.getIconSizing(i)},position:"relative",zIndex:2},..."default"===e&&{...r.defaultStyle(o)},..."toggle"===e&&{...r.toggle(o,a)},..."outlined"===e&&{...r.outlined(o)},..."raised"===e&&{...r.raised(o)},..."elevated"===e&&{...r.elevated(o)},...t&&{...r.getIconButtonRadius(t,o)}}})),n=t.forwardRef((e,t)=>o.jsx(a,{ref:t,...e}));module.exports=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../../BrandCore/primitiveVariables.js"),t=require("./LikertContainer.js"),i=require("./LikertLabel.js"),a=require("./LikertRadio.js");module.exports=({options:n=[],disabled:s=!1,sizing:u="lg",onChange:l,internalChange:c,value:d})=>{const
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("../../BrandCore/primitiveVariables.js"),t=require("./LikertContainer.js"),i=require("./LikertLabel.js"),a=require("./LikertRadio.js");module.exports=({options:n=[],disabled:s=!1,sizing:u="lg",onChange:l,internalChange:c,value:d})=>{const h=r.useTheme();function x(e){l(e.value),c&&c()}return e.jsx(r.Box,{children:e.jsx(t.default,{children:e.jsx(r.Grid,{container:!0,sx:{justifyContent:"space-between"},children:n.map(t=>e.jsxs(r.Grid,{size:"grow",onClick:()=>x(t),sx:{...!s&&{cursor:"pointer"},textAlign:"center","@media (hover: hover)":{"&:hover":{"& .MuiButtonBase-root.MuiRadio-root":{"&:before":{...!s&&{backgroundColor:h.custom.palette.interaction.hover}}}}},"&:active":{"& .MuiButtonBase-root.MuiRadio-root":{...!s&&{backgroundColor:h.custom.palette.input.default,borderColor:h.custom.palette.stroke.focus,boxShadow:h.custom.boxShadow.input.focus},"&:before":{...!s&&{backgroundColor:h.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:h.custom.palette.purple[500]}}}},children:[e.jsx(a,{sizing:u,disabled:s,onChange:e=>x(t),checked:d===t.value},t.value),e.jsx(r.Box,{sx:{mt:o.margin.xs,width:"100%"},children:e.jsx(i,{disabled:s,children:t.label})})]},t.value))})})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),o=require("@mui/material");require("react");var t=require("../../../utils/shouldForwardProp.js"),r=require("../../BrandCore/Icon/Icon.js"),s=require("../../BrandCore/primitiveVariables.js");const i=o.styled(o.Radio,{shouldForwardProp:t.omitProps("sizing")})(({theme:e,sizing:o})=>({padding:0,backgroundColor:e.custom.palette.input.default,border:`1px solid ${e.custom.palette.stroke.default}`,position:"relative",transition:e.custom.easing.input,flexShrink:0,height:"sm"===o?s.space[300]:s.space[400],width:"sm"===o?s.space[300]:s.space[400],"& svg":{transition:e.custom.easing.input,fill:"none",width:"sm"===o&&r.iconSizeMap.sm,height:"sm"===o&&r.iconSizeMap.sm},"&:before":{content:'""',position:"absolute",inset:0,borderRadius:e.custom.radius.round},"&:hover":{backgroundColor:e.custom.palette.input.default,"&:before":{backgroundColor:e.custom.palette.interaction.hover}},"&:active":{backgroundColor:e.custom.palette.input.default,borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus,"&:before":{backgroundColor:e.custom.palette.interaction.press}},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.disabled}},"&.Mui-focusVisible":{borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus,"&:before":{backgroundColor:e.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:e.custom.palette.purple[500],"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.lockedWhite},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.disabled}}}}));exports.StyledRadio=({inputRef:o,slotProps:t,...r})=>e.jsx(i,{...r,slotProps:{...t,input:{...t?.input,ref:o}}});
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("@mui/material");require("react");var t=require("../../../utils/shouldForwardProp.js"),r=require("../../BrandCore/Icon/Icon.js"),s=require("../../BrandCore/primitiveVariables.js");const i=o.styled(o.Radio,{shouldForwardProp:t.omitProps("sizing")})(({theme:e,sizing:o})=>({padding:0,backgroundColor:e.custom.palette.input.default,border:`1px solid ${e.custom.palette.stroke.default}`,position:"relative",transition:e.custom.easing.input,flexShrink:0,height:"sm"===o?s.space[300]:s.space[400],width:"sm"===o?s.space[300]:s.space[400],"& svg":{transition:e.custom.easing.input,fill:"none",width:"sm"===o&&r.iconSizeMap.sm,height:"sm"===o&&r.iconSizeMap.sm},"&:before":{content:'""',position:"absolute",inset:0,borderRadius:e.custom.radius.round},"@media (hover: hover)":{"&:hover":{backgroundColor:e.custom.palette.input.default,"&:before":{backgroundColor:e.custom.palette.interaction.hover}}},"&:active":{backgroundColor:e.custom.palette.input.default,borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus,"&:before":{backgroundColor:e.custom.palette.interaction.press}},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.disabled}},"&.Mui-focusVisible":{borderColor:e.custom.palette.stroke.focus,boxShadow:e.custom.boxShadow.input.focus,"&:before":{backgroundColor:e.custom.palette.interaction.press}},"&.Mui-checked":{backgroundColor:e.custom.palette.purple[500],"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.lockedWhite},"&.Mui-disabled":{backgroundColor:e.custom.palette.input.disabled,borderColor:e.custom.palette.stroke.disabled,"& svg":{"&:first-of-type":{fill:"transparent"},fill:e.custom.palette.icon.disabled}}}}));exports.StyledRadio=({inputRef:o,slotProps:t,...r})=>e.jsx(i,{...r,slotProps:{...t,input:{...t?.input,ref:o}}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),o=require("react"),a=require("../../BrandCore/primitiveVariables.js"),l=require("../FormControlLabel/FormControlLabel.js"),i=require("../Radio/Radio.js");require("../Radio/StyledRadio.js");var t=require("../TextField/TextField.js");module.exports=({options:n,onChange:s,other:u,value:c,internalChange:d,sizing:g="lg",inputRef:h,noneOfTheseOption:p,...m})=>{const x=u?.enabled,f="other-option",b=`${f}-value-`,[j,v]=o.useState(c),[q,y]=o.useState(!1),R=o.useRef(null);o.useEffect(()=>{!q&&j?.includes(b)?y(!0):q&&y(!1)},[j]);return o.useEffect(()=>{R.current&&Array.from(R.current.getElementsByTagName("label")).forEach(e=>{if(e.clientHeight>4*a.base){const r=e.querySelector(".MuiTypography-root");r&&(r.style.marginTop=a.base/2+"px")}})},[R.current]),e.jsxs(e.Fragment,{children:[e.jsxs(r.RadioGroup,{...m,value:j,ref:R,sx:{"& .MuiRadio-root":{alignSelf:"baseline"},"& .MuiTypography-root":{alignSelf:"center"},display:"flex",alignSelf:"baseline",gap:e=>e.custom.margin.sm,label:{"&:last-child":{mb:0},"@media (hover: hover)":{"&:hover":{"& .MuiRadio-root":{backgroundColor:e=>e.custom.palette.interaction.hover,"&.Mui-checked":{backgroundColor:e=>e.custom.palette.purple[500]}}}}}},onChange:(e,r)=>{s&&s(r),v(r),d&&d()},children:[n?n.map((r,o)=>e.jsx(l,{sx:{"& .MuiButtonBase-root.MuiRadio-root":{alignSelf:"baseline"}},...r,control:e.jsx(i,{sizing:g})},o)):null,x&&e.jsx(l,{label:u?.label||"Other",value:b,control:e.jsx(i,{sizing:g,checked:j?.includes(b)})},f),p&&e.jsx(l,{...p,control:e.jsx(i,{sizing:g})},p.value)]}),q&&e.jsx(r.Box,{sx:{mt:1},children:e.jsx(t,{fullWidth:!0,autoFocus:!0,placeholder:u?.placeholder,defaultValue:j?.replace(b,""),onChange:e=>{var r;s&&s((r=e.target.value,`${b}${r}`)),d&&d()},required:!0})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react/jsx-runtime"),require("@mui/material");var t=require("../../BrandCore/Icon/Icon.js"),e=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var i=require("../utils/typography.util.js");const o=t=>{switch(t){case"xs":return 24;case"sm":case"md":return 32;case"lg":default:return 40;case"xl":return 48}},n=t=>{switch(t){case"xs":case"sm":case"md":return 16;case"lg":default:return 24;case"xl":return 28}},a=(t,e)=>{switch(e){case"xs":case"sm":case"md":return{paddingLeft:t.spacing(t.custom.padding.xs),paddingRight:t.spacing(t.custom.padding.md)};default:return{paddingLeft:t.spacing(t.custom.padding.sm),paddingRight:t.spacing(t.custom.padding.lg)}}};exports.getInputPadding=a,exports.getInputSize=(i,o)=>{switch(o){case"xl":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.xl,height:t.iconSizeMap.xl,top:`calc(50% - ${t.iconSizeMap.xl/2}px)`}};case"lg":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}};case"md":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.md,height:t.iconSizeMap.md,top:`calc(50% - ${t.iconSizeMap.md/2}px)`}};case"sm":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.sm,height:t.iconSizeMap.sm,top:`calc(50% - ${t.iconSizeMap.sm/2}px)`}};case"xs":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.xs,height:t.iconSizeMap.xs,top:`calc(50% - ${t.iconSizeMap.xs/2}px)`}};default:return{...e.getButtonSizing("lg"),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}}}},exports.getTypographyStyle=(t,e)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i.fontSizemap[e],paddingLeft:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm)}}),exports.popperBoxShadow="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",exports.selectBaseStyles=(t,e)=>({fontSize:i.fontSizemap[e],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:0,"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{height:"100%",display:"flex",alignItems:"center",...a(t,e),width:"100%"},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),exports.selectItemBaseStyles=(t,e)=>({position:"relative",fontSize:i.fontSizemap[e],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:o(e),justifyContent:"space-between",paddingLeft:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","& .MuiSvgIcon-root":{width:n(e),height:n(e)}}),exports.selectMenuItemSize=o,exports.selectTickSize=n;
|
|
1
|
+
"use strict";require("react/jsx-runtime"),require("@mui/material");var t=require("../../BrandCore/Icon/Icon.js"),e=require("../ButtonBase/Button.variant-helpers.js");require("../ButtonBase/ButtonBase.js");var i=require("../utils/typography.util.js");const o=t=>{switch(t){case"xs":return 24;case"sm":case"md":return 32;case"lg":default:return 40;case"xl":return 48}},n=t=>{switch(t){case"xs":case"sm":case"md":return 16;case"lg":default:return 24;case"xl":return 28}},a=(t,e)=>{switch(e){case"xs":case"sm":case"md":return{paddingLeft:t.spacing(t.custom.padding.xs),paddingRight:t.spacing(t.custom.padding.md)};default:return{paddingLeft:t.spacing(t.custom.padding.sm),paddingRight:t.spacing(t.custom.padding.lg)}}};exports.getInputPadding=a,exports.getInputSize=(i,o)=>{switch(o){case"xl":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.xl,height:t.iconSizeMap.xl,top:`calc(50% - ${t.iconSizeMap.xl/2}px)`}};case"lg":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}};case"md":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.md,height:t.iconSizeMap.md,top:`calc(50% - ${t.iconSizeMap.md/2}px)`}};case"sm":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.sm,height:t.iconSizeMap.sm,top:`calc(50% - ${t.iconSizeMap.sm/2}px)`}};case"xs":return{...e.getButtonSizing(o),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.xs,height:t.iconSizeMap.xs,top:`calc(50% - ${t.iconSizeMap.xs/2}px)`}};default:return{...e.getButtonSizing("lg"),"& .MuiSvgIcon-root":{color:i.custom.palette.icon.primary,transition:i.custom.easing.input,width:t.iconSizeMap.lg,height:t.iconSizeMap.lg,top:`calc(50% - ${t.iconSizeMap.lg/2}px)`}}}},exports.getTypographyStyle=(t,e)=>({"& .MuiTypography-root":{overflow:"hidden",textOverflow:"ellipsis",fontSize:i.fontSizemap[e],paddingLeft:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm),paddingRight:t.spacing("xs"===e?t.custom.padding.xs:t.custom.padding.sm)}}),exports.popperBoxShadow="0px 4px 8px 0px #06040D14, 0px 16px 24px 0px #06040D14, 0px 0px 4px 2px #06040D0A, 0px 0px 0px 1px #FFFFFF29",exports.selectBaseStyles=(t,e)=>({fontSize:i.fontSizemap[e],borderRadius:t.spacing(t.custom.radius.md),position:"relative",padding:0,"& .MuiSelect-outlined":{padding:0},"& .MuiSelect-select.MuiInputBase-input":{height:"100%",display:"flex",alignItems:"center",...a(t,e),width:"100%"},"&:before":{transition:t.custom.easing.input,content:'""',position:"absolute",background:t.custom.palette.interaction.none,borderRadius:t.spacing(t.custom.radius.md),inset:0,zIndex:0},"@media (hover: hover)":{"&:hover:before":{backgroundColor:t.custom.palette.interaction.hover}},"&.Mui-focused:before":{backgroundColor:t.custom.palette.interaction.press},"&.Mui-disabled:before":{backgroundColor:t.custom.palette.interaction.none},"& .MuiSelect-select":{position:"relative"}}),exports.selectItemBaseStyles=(t,e)=>({position:"relative",fontSize:i.fontSizemap[e],backgroundColor:t.custom.palette.interaction.none,color:t.custom.palette.text.primary,minHeight:o(e),justifyContent:"space-between",paddingLeft:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),paddingRight:t.spacing("xs"===e?t.custom.padding.sm:t.custom.padding.md),gap:t.spacing(t.custom.padding.sm),whiteSpace:"wrap","& .MuiSvgIcon-root":{width:n(e),height:n(e)}}),exports.selectMenuItemSize=o,exports.selectTickSize=n;
|
|
@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
|
|
|
4
4
|
import { ScreenSize, CustomTheme } from './types.js';
|
|
5
5
|
|
|
6
6
|
declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
|
|
7
|
-
breakpoint: "" | "sm" | "
|
|
7
|
+
breakpoint: "" | "sm" | "md" | "lg" | "xl";
|
|
8
8
|
custom: CustomTheme;
|
|
9
9
|
gridOverlayVisible: boolean;
|
|
10
10
|
mode: PaletteMode;
|