@useloops/design-system 1.4.602 → 1.4.604

package/dist/WebCore/Label.d.ts

@@ -1 +1,2 @@
-export { LabelProps, default } from '../systems/WebCore/Label/Label.js';
+export { default } from '../systems/WebCore/Label/Label.js';
+export { LabelProps } from '../systems/WebCore/Label/types.js';

package/dist/WebCore.d.ts

@@ -41,7 +41,8 @@ export { default as InputFieldBase, InputFieldBaseProps } from './systems/WebCor
 export { default as InputLabel, InputLabelProps } from './systems/WebCore/InputLabel/InputLabel.js';
 export { default as InputLabelHelp, InputLabelHelpProps } from './systems/WebCore/InputLabelHelp/InputLabelHelp.js';
 export { default as KeyValueLabel, KeyValueLabelProps } from './systems/WebCore/KeyValueLabel/KeyValueLabel.js';
-export { default as Label, LabelProps } from './systems/WebCore/Label/Label.js';
+export { default as Label } from './systems/WebCore/Label/Label.js';
+export { LabelProps } from './systems/WebCore/Label/types.js';
 export { default as Likert, LikertProps } from './systems/WebCore/Likert/Likert.js';
 export { default as Link, LinkProps } from './systems/WebCore/Link/Link.js';
 export { default as Loader, LoaderProps } from './systems/WebCore/Loader/Loader.js';

package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCard.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{useRef as t,useEffect as i,startTransition as a}from"react";import{useBreakpoint as n}from"../../../utils/breakpoint.hook.js";import{useScreenSize as s}from"../../../utils/screen.hook.js";import"../../BrandCore/colorRamps.js";import{base as l}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import{typographyVariantMap as p}from"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import b from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import c from"../../WebCore/Link/Link.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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 u from"./FeatureListItem.js";import C from"./PlanTierCardContainers.js";import j from"./PlanTierCardSkeleton.js";import h from"./RespondentPricingCard.js";import W from"./SavingsPill.js";const g=({amount:g,billingType:f,body:y,bordered:B,ctaEvent:S=()=>{},ctaLink:k="#",ctaTarget:I="_self",ctaText:L,ctaVariation:x="primary",currencySymbol:T,currentPlan:v,featuresHeading:H,features:P=[],featuresIcon:R,heading:M,label:F,loading:A,respondentsTitle:w,respondentsFeatures:V,respondentsFeaturesIcon:E,saving:G,sectionHeights:N,updateSectionHeight:D,syncHeightsOnBreakpoints:O})=>{const $=o(),_=n(),{width:z}=s(),K=t(null),U=t(null),q=t(null),J=t(null);return A?e(j,{}):(i(()=>{a(()=>{if(N&&D){const e=[{ref:K,key:"headerHeight"},{ref:U,key:"bodyHeight"},{ref:q,key:"respondentCardHeight"},{ref:J,key:"bottomHeight"}];O?.includes(_)?e.forEach(({ref:e,key:r})=>{e.current?.offsetHeight&&e.current.offsetHeight>N[r]&&D(r,e.current.offsetHeight)}):e.forEach(({key:e})=>{0!==N[e]&&D(e,0)})}})},[_,O,z,D]),r(C.PlanTierCard,{bordered:B,children:[r(C.Top,{children:[r(C.Head,{ref:K,height:N?.headerHeight,children:[r(C.PlanTitle,{children:[e(m,{variation:"lg",component:"h1",weight:"bold",children:M}),F&&e(b,{body:F,weight:"heavy",sx:{height:3*l,backgroundColor:e=>e.custom.palette.icon.primary,color:e=>e.custom.palette.text.primaryInverted,"& .MuiChip-label":{fontSize:`${p.lg.body.xxs}`}}})]}),r(C.Billing,{children:[e(C.Price,{children:r(m,{variation:"xxl",component:"p",weight:"bold",children:[T,g]})}),f&&e(m,{variation:"sm",component:"p",sx:{color:$.custom.palette.text.secondary},children:f})]}),G&&e(W,{body:G,weight:"heavy"})]}),e(C.Body,{ref:U,height:N?.bodyHeight,children:y}),w&&e(h,{ref:q,height:N?.respondentCardHeight,respondentsTitle:w,respondentsFeatures:V,featuresIcon:E})]}),r(C.Bottom,{ref:J,height:N?.bottomHeight,children:[P?.length&&r(C.FeatureList,{children:[H&&e(m,{component:"p",variation:"sm",weight:"bold",mr:"auto",children:H}),P.map((r,o)=>e(u,{feature:r,featuresIcon:R},`${M}-feature-${o}`))]}),!v&&e(c,{href:k,title:L,target:I,onClick:()=>{M&&S(M)},sx:{"&:hover":{cursor:"pointer"}},children:e(d,{fullWidth:!0,variation:x,sizing:"lg",disabled:v,children:L})})]})]}))};export{g as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{useRef as t,useEffect as i,startTransition as a}from"react";import{useBreakpoint as n}from"../../../utils/breakpoint.hook.js";import{useScreenSize as s}from"../../../utils/screen.hook.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import p from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import m from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import d from"../../WebCore/Link/Link.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"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 b from"./FeatureListItem.js";import c from"./PlanTierCardContainers.js";import C from"./PlanTierCardSkeleton.js";import u from"./RespondentPricingCard.js";import j from"./SavingsPill.js";const h=({amount:h,billingType:W,body:g,bordered:f,ctaEvent:y=()=>{},ctaLink:B="#",ctaTarget:S="_self",ctaText:k,ctaVariation:L="primary",currencySymbol:I,currentPlan:x,featuresHeading:T,features:v=[],featuresIcon:H,heading:P,label:R,loading:F,respondentsTitle:M,respondentsFeatures:A,respondentsFeaturesIcon:w,saving:V,sectionHeights:E,updateSectionHeight:G,syncHeightsOnBreakpoints:N})=>{const D=o(),O=n(),{width:_}=s(),z=t(null),K=t(null),U=t(null),$=t(null);return F?e(C,{}):(i(()=>{a(()=>{if(E&&G){const e=[{ref:z,key:"headerHeight"},{ref:K,key:"bodyHeight"},{ref:U,key:"respondentCardHeight"},{ref:$,key:"bottomHeight"}];N?.includes(O)?e.forEach(({ref:e,key:r})=>{e.current?.offsetHeight&&e.current.offsetHeight>E[r]&&G(r,e.current.offsetHeight)}):e.forEach(({key:e})=>{0!==E[e]&&G(e,0)})}})},[O,N,_,G]),r(c.PlanTierCard,{bordered:f,children:[r(c.Top,{children:[r(c.Head,{ref:z,height:E?.headerHeight,children:[r(c.PlanTitle,{children:[e(l,{variation:"lg",component:"h1",weight:"bold",children:P}),R&&e(m,{body:R,weight:"heavy",sizing:"xxs",colorScheme:"purple",tone:900})]}),r(c.Billing,{children:[e(c.Price,{children:r(l,{variation:"xxl",component:"p",weight:"bold",children:[I,h]})}),W&&e(l,{variation:"sm",component:"p",sx:{color:D.custom.palette.text.secondary},children:W})]}),V&&e(j,{body:V,weight:"heavy"})]}),e(c.Body,{ref:K,height:E?.bodyHeight,children:g}),M&&e(u,{ref:U,height:E?.respondentCardHeight,respondentsTitle:M,respondentsFeatures:A,featuresIcon:w})]}),r(c.Bottom,{ref:$,height:E?.bottomHeight,children:[v?.length&&r(c.FeatureList,{children:[T&&e(l,{component:"p",variation:"sm",weight:"bold",mr:"auto",children:T}),v.map((r,o)=>e(b,{feature:r,featuresIcon:H},`${P}-feature-${o}`))]}),!x&&e(d,{href:B,title:k,target:S,onClick:()=>{P&&y(P)},sx:{"&:hover":{cursor:"pointer"}},children:e(p,{fullWidth:!0,variation:L,sizing:"lg",disabled:x,children:k})})]})]}))};export{h as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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 p 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/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"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 s from"../../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 m from"../QuestionLabel/QuestionLabel.js";const l=r(t)(({theme:e})=>({border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"hidden"})),n=r(t)(({theme:e})=>({gap:e.spacing(e.custom.padding.sm),padding:e.spacing(e.custom.padding.md)})),b=({preQuestionText:r,questionText:b,questionType:d,supportText:C,slotProps:u,loading:j})=>{const c=i();return e(l,j?{children:[o(m,{loading:!0}),e(t,{gap:1,sx:{padding:c.spacing(c.custom.padding.md)},children:[o(s,{width:"100%",height:22}),o(s,{width:"100%",height:44}),o(s,{width:"100%",height:66})]})]}:{children:[o(m,{type:d}),e(n,{children:[r&&o(a,{variation:"md",component:"p",color:c.custom.palette.text.secondary,sx:{whiteSpace:"pre-wrap"},children:r}),o(a,{variation:"md",component:"p",weight:"bold",sx:{whiteSpace:"pre-wrap"},children:b}),C&&o(p,{children:C})]})]})};export{b as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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 p 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/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"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 s from"../../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 m from"../QuestionLabel/QuestionLabel.js";const l=r(t)(({theme:e})=>({border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"hidden"})),n=r(t)(({theme:e})=>({gap:e.spacing(e.custom.padding.sm),padding:e.spacing(e.custom.padding.md)})),d=({preQuestionText:r,questionText:d,questionType:b,supportText:C,isRequired:u,requiredText:j="Required",slotProps:c,loading:W})=>{const g=i();return e(l,W?{children:[o(m,{loading:!0}),e(t,{gap:1,sx:{padding:g.spacing(g.custom.padding.md)},children:[o(s,{width:"100%",height:22}),o(s,{width:"100%",height:44}),o(s,{width:"100%",height:66})]})]}:{children:[o(m,{type:b,isRequired:u,requiredText:j}),e(n,{children:[r&&o(a,{variation:"md",component:"p",color:g.custom.palette.text.secondary,sx:{whiteSpace:"pre-wrap"},children:r}),o(a,{variation:"md",component:"p",weight:"bold",sx:{whiteSpace:"pre-wrap"},children:d}),C&&o(p,{children:C})]})]})};export{d as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import p from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 s from"../../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{mapQuestionTypeToLabel as m}from"../utils/mapQuestionTypeToLabel.js";const l=r(t)(({theme:e,type:o})=>({backgroundColor:"focus"===o?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`})),n=({type:r,loading:t,slotProps:n})=>{const b=i(),C=m(r);return t?e(s,{width:"100%",height:36,sx:{borderRadius:`${b.spacing(b.custom.radius.lg)} ${b.spacing(b.custom.radius.lg)} 0 0`}}):o(l,{...n?.container,type:r,children:[e(a,{name:C.icon,size:16}),e(p,{variation:"sm",component:"p",sx:{px:b.spacing(b.custom.padding.xs)},children:C.label})]})};export{n as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";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"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import p from"../../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/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 m from"../../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{mapQuestionTypeToLabel as l}from"../utils/mapQuestionTypeToLabel.js";const n=r(t)(({theme:e,type:o})=>({backgroundColor:"focus"===o?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",height:40,alignItems:"center",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`})),b=({type:r,loading:t,slotProps:b,isRequired:C,requiredText:d})=>{const u=i(),c=l(r);return t?e(m,{width:"100%",height:40,sx:{borderRadius:`${u.spacing(u.custom.radius.lg)} ${u.spacing(u.custom.radius.lg)} 0 0`}}):o(n,{...b?.container,type:r,children:[e(a,{name:c.icon,size:16}),e(s,{variation:"sm",component:"p",sx:{px:u.spacing(u.custom.padding.xs)},children:c.label}),C&&d&&e(p,{colorScheme:"focus"===r?"peach":"neutral",tone:900,sizing:"xxs",weight:"light",body:d})]})};export{b as default};

package/dist/esm/systems/WebCore/Label/StyledLabel.js

@@ -1 +1 @@
-import{styled as t,Chip as e}from"@mui/material";import{typographyVariantMap as a}from"../utils/typography.util.js";const o=(t,e)=>"light"===e?{fontWeight:400}:{fontWeight:500,textTransform:"uppercase"},p=(t,e,a)=>{switch(e){case"peach":return{background:t.custom.palette.peach[100],color:"heavy"===a?t.custom.palette.peach[1e3]:t.custom.palette.peach[800]};case"peachDark":return{background:t.custom.palette.peach[800],color:t.custom.palette.peach[0]};case"purple":return{background:t.custom.palette.purple[100],color:"heavy"===a?t.custom.palette.purple[1e3]:t.custom.palette.purple[800]};default:return{background:t.custom.palette.neutral[100],color:"heavy"===a?t.custom.palette.neutral[1e3]:t.custom.palette.neutral[800]}}},r=t(e,{shouldForwardProp:t=>!["variation","weight"].includes(t)})(({theme:t,variation:e,weight:r})=>({borderRadius:t.spacing(t.custom.radius.md),height:28,padding:`${t.spacing(t.custom.padding.xs)} ${t.spacing(t.custom.padding.sm)}`,...p(t,e,r),"& .MuiChip-label":{fontSize:`${a.sm.body.sm}`,padding:0,...o(0,r)},"& .MuiChip-icon":{width:"0.8em",height:"0.8em",marginRight:4,...p(t,e,r),...o(0,r)}}));export{r as StyledLabel};
+import{styled as i,Chip as t}from"@mui/material";import{fontSizemap as o}from"../utils/typography.util.js";import{getWeightStyle as e,getVariationStyle as n,getIconSizing as m,getTextPadding as r,getBorderStyle as s}from"./helpers.js";const a=i(t,{shouldForwardProp:i=>!["colorScheme","weight","tone","sizing"].includes(i)})(({theme:i,colorScheme:t,weight:a,tone:c,sizing:d})=>({...n(i,t,c),...s(i,t,c),height:"fit-content",width:"fit-content",maxWidth:"fit-content",padding:`${i.spacing(i.custom.padding.xs)} ${i.spacing(i.custom.padding.sm)}`,borderRadius:i.spacing(i.custom.radius.md),"& .MuiChip-label":{fontSize:o[d||"md"],fontVariantNumeric:"tabular-nums",...r(i,d),...e(a)},"& .MuiChip-icon":{width:"0.8em",height:"0.8em",marginRight:i.spacing(i.custom.padding.xs),marginLeft:0,...m(d),...n(i,t,c),...e(a)}}));export{a as StyledLabel};

package/dist/esm/systems/WebCore/Label/helpers.js

@@ -0,0 +1 @@
+import{base as t}from"../../BrandCore/primitiveVariables.js";const e=[0,100,500,900],s={xxs:1.5*t,xs:2*t,sm:2*t,md:2*t,lg:2.5*t,xl:3*t,xxl:3.5*t},o=t=>({height:s[t],width:s[t]}),a=(t,e)=>{switch(e){case"xxs":case"xs":case"sm":case"md":return{paddingLeft:0,paddingRight:0};default:return{paddingLeft:t.spacing(t.custom.padding.xs),paddingRight:t.spacing(t.custom.padding.xs)}}},r=t=>({backgroundColor:t.custom.palette.neutral[0],color:t.custom.palette.neutral[1e3]}),n=(t,s,o)=>{const a=e.includes(o)?500===o?100:o:0;return{backgroundColor:t.custom.palette[s][a],color:t.custom.palette[s][a>500?0:1e3]}},c=(t,s,o)=>{const a=e.includes(o)?o+100:100,r=s||"neutral";return{border:`1px solid ${t.custom.palette[r][a]}`}},d=(t,e,s)=>void 0===e?r(t):n(t,e,s),i=t=>"heavy"===t?{fontWeight:500,textTransform:"uppercase"}:{fontWeight:400};export{c as getBorderStyle,n as getColorStyle,r as getDefaultStyle,o as getIconSizing,a as getTextPadding,d as getVariationStyle,i as getWeightStyle,s as iconSizeMap};

package/dist/index.d.ts

@@ -107,7 +107,8 @@ export { default as InputFieldBase, InputFieldBaseProps } from './systems/WebCor
 export { default as InputLabel, InputLabelProps } from './systems/WebCore/InputLabel/InputLabel.js';
 export { default as InputLabelHelp, InputLabelHelpProps } from './systems/WebCore/InputLabelHelp/InputLabelHelp.js';
 export { default as KeyValueLabel, KeyValueLabelProps } from './systems/WebCore/KeyValueLabel/KeyValueLabel.js';
-export { default as Label, LabelProps } from './systems/WebCore/Label/Label.js';
+export { default as Label } from './systems/WebCore/Label/Label.js';
+export { LabelProps } from './systems/WebCore/Label/types.js';
 export { default as Likert, LikertProps } from './systems/WebCore/Likert/Likert.js';
 export { default as Link, LinkProps } from './systems/WebCore/Link/Link.js';
 export { default as Loader, LoaderProps } from './systems/WebCore/Loader/Loader.js';

package/dist/systems/Marketing/PlanTierCard/PlanTierCard.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),i=require("../../../utils/breakpoint.hook.js"),o=require("../../../utils/screen.hook.js");require("../../BrandCore/colorRamps.js");var a=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../BrandCore/Icon/Icon.js"),require("../../../utils/formValidation/misc.js");var s=require("../../WebCore/utils/typography.util.js");require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var u=require("../../WebCore/Typography/Typography.js");require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js");var n=require("../../WebCore/Button/Button.js");require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),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"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js");var l=require("../../WebCore/Label/Label.js");require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js");var d=require("../../WebCore/Link/Link.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/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.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");var b=require("./FeatureListItem.js"),c=require("./PlanTierCardContainers.js"),j=require("./PlanTierCardSkeleton.js"),C=require("./RespondentPricingCard.js"),p=require("./SavingsPill.js");module.exports=({amount:q,billingType:h,body:W,bordered:g,ctaEvent:m=()=>{},ctaLink:y="#",ctaTarget:f="_self",ctaText:x,ctaVariation:B="primary",currencySymbol:S,currentPlan:k,featuresHeading:I,features:L=[],featuresIcon:v,heading:T,label:R,loading:H,respondentsTitle:P,respondentsFeatures:M,respondentsFeaturesIcon:F,saving:A,sectionHeights:w,updateSectionHeight:V,syncHeightsOnBreakpoints:E})=>{const G=r.useTheme(),N=i.useBreakpoint(),{width:D}=o.useScreenSize(),O=t.useRef(null),z=t.useRef(null),$=t.useRef(null),_=t.useRef(null);return H?e.jsx(j,{}):(t.useEffect(()=>{t.startTransition(()=>{if(w&&V){const e=[{ref:O,key:"headerHeight"},{ref:z,key:"bodyHeight"},{ref:$,key:"respondentCardHeight"},{ref:_,key:"bottomHeight"}];E?.includes(N)?e.forEach(({ref:e,key:r})=>{e.current?.offsetHeight&&e.current.offsetHeight>w[r]&&V(r,e.current.offsetHeight)}):e.forEach(({key:e})=>{0!==w[e]&&V(e,0)})}})},[N,E,D,V]),e.jsxs(c.default.PlanTierCard,{bordered:g,children:[e.jsxs(c.default.Top,{children:[e.jsxs(c.default.Head,{ref:O,height:w?.headerHeight,children:[e.jsxs(c.default.PlanTitle,{children:[e.jsx(u,{variation:"lg",component:"h1",weight:"bold",children:T}),R&&e.jsx(l,{body:R,weight:"heavy",sx:{height:3*a.base,backgroundColor:e=>e.custom.palette.icon.primary,color:e=>e.custom.palette.text.primaryInverted,"& .MuiChip-label":{fontSize:`${s.typographyVariantMap.lg.body.xxs}`}}})]}),e.jsxs(c.default.Billing,{children:[e.jsx(c.default.Price,{children:e.jsxs(u,{variation:"xxl",component:"p",weight:"bold",children:[S,q]})}),h&&e.jsx(u,{variation:"sm",component:"p",sx:{color:G.custom.palette.text.secondary},children:h})]}),A&&e.jsx(p,{body:A,weight:"heavy"})]}),e.jsx(c.default.Body,{ref:z,height:w?.bodyHeight,children:W}),P&&e.jsx(C,{ref:$,height:w?.respondentCardHeight,respondentsTitle:P,respondentsFeatures:M,featuresIcon:F})]}),e.jsxs(c.default.Bottom,{ref:_,height:w?.bottomHeight,children:[L?.length&&e.jsxs(c.default.FeatureList,{children:[I&&e.jsx(u,{component:"p",variation:"sm",weight:"bold",mr:"auto",children:I}),L.map((r,t)=>e.jsx(b,{feature:r,featuresIcon:v},`${T}-feature-${t}`))]}),!k&&e.jsx(d,{href:y,title:x,target:f,onClick:()=>{T&&m(T)},sx:{"&:hover":{cursor:"pointer"}},children:e.jsx(n,{fullWidth:!0,variation:B,sizing:"lg",disabled:k,children:x})})]})]}))};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),i=require("../../../utils/breakpoint.hook.js"),o=require("../../../utils/screen.hook.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var a=require("../../WebCore/Typography/Typography.js");require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js");var s=require("../../WebCore/Button/Button.js");require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),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"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js");var u=require("../../WebCore/Label/Label.js");require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js");var n=require("../../WebCore/Link/Link.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/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.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");var l=require("./FeatureListItem.js"),d=require("./PlanTierCardContainers.js"),b=require("./PlanTierCardSkeleton.js"),c=require("./RespondentPricingCard.js"),j=require("./SavingsPill.js");module.exports=({amount:C,billingType:q,body:p,bordered:h,ctaEvent:W=()=>{},ctaLink:g="#",ctaTarget:m="_self",ctaText:f,ctaVariation:y="primary",currencySymbol:x,currentPlan:B,featuresHeading:S,features:k=[],featuresIcon:L,heading:I,label:v,loading:T,respondentsTitle:R,respondentsFeatures:H,respondentsFeaturesIcon:P,saving:F,sectionHeights:M,updateSectionHeight:A,syncHeightsOnBreakpoints:w})=>{const E=r.useTheme(),V=i.useBreakpoint(),{width:G}=o.useScreenSize(),N=t.useRef(null),D=t.useRef(null),O=t.useRef(null),z=t.useRef(null);return T?e.jsx(b,{}):(t.useEffect(()=>{t.startTransition(()=>{if(M&&A){const e=[{ref:N,key:"headerHeight"},{ref:D,key:"bodyHeight"},{ref:O,key:"respondentCardHeight"},{ref:z,key:"bottomHeight"}];w?.includes(V)?e.forEach(({ref:e,key:r})=>{e.current?.offsetHeight&&e.current.offsetHeight>M[r]&&A(r,e.current.offsetHeight)}):e.forEach(({key:e})=>{0!==M[e]&&A(e,0)})}})},[V,w,G,A]),e.jsxs(d.default.PlanTierCard,{bordered:h,children:[e.jsxs(d.default.Top,{children:[e.jsxs(d.default.Head,{ref:N,height:M?.headerHeight,children:[e.jsxs(d.default.PlanTitle,{children:[e.jsx(a,{variation:"lg",component:"h1",weight:"bold",children:I}),v&&e.jsx(u,{body:v,weight:"heavy",sizing:"xxs",colorScheme:"purple",tone:900})]}),e.jsxs(d.default.Billing,{children:[e.jsx(d.default.Price,{children:e.jsxs(a,{variation:"xxl",component:"p",weight:"bold",children:[x,C]})}),q&&e.jsx(a,{variation:"sm",component:"p",sx:{color:E.custom.palette.text.secondary},children:q})]}),F&&e.jsx(j,{body:F,weight:"heavy"})]}),e.jsx(d.default.Body,{ref:D,height:M?.bodyHeight,children:p}),R&&e.jsx(c,{ref:O,height:M?.respondentCardHeight,respondentsTitle:R,respondentsFeatures:H,featuresIcon:P})]}),e.jsxs(d.default.Bottom,{ref:z,height:M?.bottomHeight,children:[k?.length&&e.jsxs(d.default.FeatureList,{children:[S&&e.jsx(a,{component:"p",variation:"sm",weight:"bold",mr:"auto",children:S}),k.map((r,t)=>e.jsx(l,{feature:r,featuresIcon:L},`${I}-feature-${t}`))]}),!B&&e.jsx(n,{href:g,title:f,target:m,onClick:()=>{I&&W(I)},sx:{"&:hover":{cursor:"pointer"}},children:e.jsx(s,{fullWidth:!0,variation:y,sizing:"lg",disabled:B,children:f})})]})]}))};

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

@@ -7,6 +7,8 @@ interface QuestionBlockProps {
     questionText: string;
     questionType?: QuestionType;
     supportText?: string;
+    isRequired?: boolean;
+    requiredText?: string;
     loading?: boolean;
     slotProps?: {
         supportText?: Omit<TypographyProps, 'variation' | 'component'>;

package/dist/systems/Platform/QuestionBlock/QuestionBlock.js

@@ -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("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var o=require("../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js"),require("react"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),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 t=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/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/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var i=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");var a=require("../QuestionLabel/QuestionLabel.js");const s=r.styled(r.Stack)(({theme:e})=>({border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"hidden"})),u=r.styled(r.Stack)(({theme:e})=>({gap:e.spacing(e.custom.padding.sm),padding:e.spacing(e.custom.padding.md)}));module.exports=({preQuestionText:l,questionText:n,questionType:d,supportText:b,slotProps:C,loading:j})=>{const p=r.useTheme();return j?e.jsxs(s,{children:[e.jsx(a,{loading:!0}),e.jsxs(r.Stack,{gap:1,sx:{padding:p.spacing(p.custom.padding.md)},children:[e.jsx(i,{width:"100%",height:22}),e.jsx(i,{width:"100%",height:44}),e.jsx(i,{width:"100%",height:66})]})]}):e.jsxs(s,{children:[e.jsx(a,{type:d}),e.jsxs(u,{children:[l&&e.jsx(o,{variation:"md",component:"p",color:p.custom.palette.text.secondary,sx:{whiteSpace:"pre-wrap"},children:l}),e.jsx(o,{variation:"md",component:"p",weight:"bold",sx:{whiteSpace:"pre-wrap"},children:n}),b&&e.jsx(t,{children:b})]})]})};
+"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("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var o=require("../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js"),require("react"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),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 i=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/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/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var t=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");var a=require("../QuestionLabel/QuestionLabel.js");const s=r.styled(r.Stack)(({theme:e})=>({border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"hidden"})),u=r.styled(r.Stack)(({theme:e})=>({gap:e.spacing(e.custom.padding.sm),padding:e.spacing(e.custom.padding.md)}));module.exports=({preQuestionText:l,questionText:n,questionType:d,supportText:b,isRequired:q,requiredText:C="Required",slotProps:j,loading:p})=>{const c=r.useTheme();return p?e.jsxs(s,{children:[e.jsx(a,{loading:!0}),e.jsxs(r.Stack,{gap:1,sx:{padding:c.spacing(c.custom.padding.md)},children:[e.jsx(t,{width:"100%",height:22}),e.jsx(t,{width:"100%",height:44}),e.jsx(t,{width:"100%",height:66})]})]}):e.jsxs(s,{children:[e.jsx(a,{type:d,isRequired:q,requiredText:C}),e.jsxs(u,{children:[l&&e.jsx(o,{variation:"md",component:"p",color:c.custom.palette.text.secondary,sx:{whiteSpace:"pre-wrap"},children:l}),e.jsx(o,{variation:"md",component:"p",weight:"bold",sx:{whiteSpace:"pre-wrap"},children:n}),b&&e.jsx(i,{children:b})]})]})};

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

@@ -5,6 +5,8 @@ import { QuestionType } from '../utils/mapQuestionTypeToLabel.js';
 interface QuestionLabelProps extends PropsWithChildren {
     type?: QuestionType;
     loading?: boolean;
+    isRequired?: boolean;
+    requiredText?: string;
     slotProps?: {
         container?: Partial<BoxProps>;
     };

package/dist/systems/Platform/QuestionLabel/QuestionLabel.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var o=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var i=require("../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js"),require("react"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),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"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.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/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var t=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");var a=require("../utils/mapQuestionTypeToLabel.js");const s=r.styled(r.Box)(({theme:e,type:r})=>({backgroundColor:"focus"===r?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`}));module.exports=({type:u,loading:l,slotProps:n})=>{const b=r.useTheme(),C=a.mapQuestionTypeToLabel(u);return l?e.jsx(t,{width:"100%",height:36,sx:{borderRadius:`${b.spacing(b.custom.radius.lg)} ${b.spacing(b.custom.radius.lg)} 0 0`}}):e.jsxs(s,{...n?.container,type:u,children:[e.jsx(o.default,{name:C.icon,size:16}),e.jsx(i,{variation:"sm",component:"p",sx:{px:b.spacing(b.custom.padding.xs)},children:C.label})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var o=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var i=require("../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js"),require("react"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),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"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js");var t=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/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var a=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");var s=require("../utils/mapQuestionTypeToLabel.js");const u=r.styled(r.Box)(({theme:e,type:r})=>({backgroundColor:"focus"===r?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",height:40,alignItems:"center",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`}));module.exports=({type:l,loading:n,slotProps:b,isRequired:C,requiredText:d})=>{const q=r.useTheme(),p=s.mapQuestionTypeToLabel(l);return n?e.jsx(a,{width:"100%",height:40,sx:{borderRadius:`${q.spacing(q.custom.radius.lg)} ${q.spacing(q.custom.radius.lg)} 0 0`}}):e.jsxs(u,{...b?.container,type:l,children:[e.jsx(o.default,{name:p.icon,size:16}),e.jsx(i,{variation:"sm",component:"p",sx:{px:q.spacing(q.custom.padding.xs)},children:p.label}),C&&d&&e.jsx(t,{colorScheme:"focus"===l?"peach":"neutral",tone:900,sizing:"xxs",weight:"light",body:d})]})};

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

@@ -1,6 +1,6 @@
 import react__default from 'react';
 import { IconButtonProps } from '../../WebCore/IconButton/IconButton.js';
-import { LabelProps } from '../../WebCore/Label/Label.js';
+import { LabelProps } from '../../WebCore/Label/types.js';
 import { MenuProps } from '../../WebCore/Menu/Menu.js';
 import { SurfaceProps } from '../../WebCore/Surface/Surface.js';
 import { TypographyProps } from '../../WebCore/Typography/Typography.js';

package/dist/systems/WebCore/Label/Label.d.ts

@@ -1,10 +1,6 @@
 import * as react from 'react';
-import { StyledChipProps } from './StyledLabel.js';
+import { LabelProps } from './types.js';
 
-interface LabelProps extends Omit<StyledChipProps, 'size' | 'color' | 'label' | 'children'> {
-    body: string;
-}
 declare const Label: react.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 export { Label as default };
-export type { LabelProps };

package/dist/systems/WebCore/Label/StyledLabel.js

@@ -1 +1 @@
-"use strict";var e=require("@mui/material"),t=require("../utils/typography.util.js");const a=(e,t)=>"light"===t?{fontWeight:400}:{fontWeight:500,textTransform:"uppercase"},r=(e,t,a)=>{switch(t){case"peach":return{background:e.custom.palette.peach[100],color:"heavy"===a?e.custom.palette.peach[1e3]:e.custom.palette.peach[800]};case"peachDark":return{background:e.custom.palette.peach[800],color:e.custom.palette.peach[0]};case"purple":return{background:e.custom.palette.purple[100],color:"heavy"===a?e.custom.palette.purple[1e3]:e.custom.palette.purple[800]};default:return{background:e.custom.palette.neutral[100],color:"heavy"===a?e.custom.palette.neutral[1e3]:e.custom.palette.neutral[800]}}},p=e.styled(e.Chip,{shouldForwardProp:e=>!["variation","weight"].includes(e)})(({theme:e,variation:p,weight:u})=>({borderRadius:e.spacing(e.custom.radius.md),height:28,padding:`${e.spacing(e.custom.padding.xs)} ${e.spacing(e.custom.padding.sm)}`,...r(e,p,u),"& .MuiChip-label":{fontSize:`${t.typographyVariantMap.sm.body.sm}`,padding:0,...a(0,u)},"& .MuiChip-icon":{width:"0.8em",height:"0.8em",marginRight:4,...r(e,p,u),...a(0,u)}}));exports.StyledLabel=p;
+"use strict";var t=require("@mui/material"),i=require("../utils/typography.util.js"),e=require("./helpers.js");const n=t.styled(t.Chip,{shouldForwardProp:t=>!["colorScheme","weight","tone","sizing"].includes(t)})(({theme:t,colorScheme:n,weight:a,tone:g,sizing:r})=>({...e.getVariationStyle(t,n,g),...e.getBorderStyle(t,n,g),height:"fit-content",width:"fit-content",maxWidth:"fit-content",padding:`${t.spacing(t.custom.padding.xs)} ${t.spacing(t.custom.padding.sm)}`,borderRadius:t.spacing(t.custom.radius.md),"& .MuiChip-label":{fontSize:i.fontSizemap[r||"md"],fontVariantNumeric:"tabular-nums",...e.getTextPadding(t,r),...e.getWeightStyle(a)},"& .MuiChip-icon":{width:"0.8em",height:"0.8em",marginRight:t.spacing(t.custom.padding.xs),marginLeft:0,...e.getIconSizing(r),...e.getVariationStyle(t,n,g),...e.getWeightStyle(a)}}));exports.StyledLabel=n;

package/dist/systems/WebCore/Label/helpers.js

@@ -0,0 +1 @@
+"use strict";var e=require("../../BrandCore/primitiveVariables.js");const t=[0,100,500,900],s={xxs:1.5*e.base,xs:2*e.base,sm:2*e.base,md:2*e.base,lg:2.5*e.base,xl:3*e.base,xxl:3.5*e.base},a=e=>({backgroundColor:e.custom.palette.neutral[0],color:e.custom.palette.neutral[1e3]}),r=(e,s,a)=>{const r=t.includes(a)?500===a?100:a:0;return{backgroundColor:e.custom.palette[s][r],color:e.custom.palette[s][r>500?0:1e3]}};exports.getBorderStyle=(e,s,a)=>{const r=t.includes(a)?a+100:100,o=s||"neutral";return{border:`1px solid ${e.custom.palette[o][r]}`}},exports.getColorStyle=r,exports.getDefaultStyle=a,exports.getIconSizing=e=>({height:s[e],width:s[e]}),exports.getTextPadding=(e,t)=>{switch(t){case"xxs":case"xs":case"sm":case"md":return{paddingLeft:0,paddingRight:0};default:return{paddingLeft:e.spacing(e.custom.padding.xs),paddingRight:e.spacing(e.custom.padding.xs)}}},exports.getVariationStyle=(e,t,s)=>void 0===t?a(e):r(e,t,s),exports.getWeightStyle=e=>"heavy"===e?{fontWeight:500,textTransform:"uppercase"}:{fontWeight:400},exports.iconSizeMap=s;

package/dist/systems/WebCore/Label/types.d.ts

@@ -0,0 +1,14 @@
+import { ChipProps } from '@mui/material';
+
+type ToneChoices = 0 | 100 | 500 | 900;
+interface StyledLabelProps extends Pick<ChipProps, 'ref' | 'classes' | 'sx' | 'icon' | 'className' | 'label'> {
+    colorScheme?: 'neutral' | 'purple' | 'red' | 'peach' | 'yellow' | 'blue' | 'green';
+    tone?: ToneChoices;
+    weight?: 'heavy' | 'light';
+    sizing?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+}
+interface LabelProps extends Omit<StyledLabelProps, 'children' | 'label'> {
+    body: string;
+}
+
+export type { LabelProps, StyledLabelProps, ToneChoices };

package/package.json

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

package/dist/systems/WebCore/Label/StyledLabel.d.ts

@@ -1,8 +0,0 @@
-import { ChipProps } from '@mui/material/Chip';
-
-interface StyledChipProps extends ChipProps {
-    variation?: 'default' | 'peach' | 'peachDark' | 'purple';
-    weight?: 'heavy' | 'light';
-}
-
-export type { StyledChipProps };