npm - @coveord/plasma-mantine - Versions diffs - 59.7.1 → 59.8.0 - Mend

@coveord/plasma-mantine 59.7.1 → 59.8.0

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.

Files changed (122) hide show

package/dist/esm/theme/Theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n IconCalendarWeek,\n IconCheck,\n IconClock,\n IconInfoCircleFilled,\n IconSlash,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n AppShell,\n Badge,\n Breadcrumbs,\n Button,\n Card,\n Checkbox,\n Chip,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxChevron,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Image,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n NumberInput,\n Pagination,\n Paper,\n PasswordInput,\n Pill,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Slider,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {\n DateInput,\n DatePicker,\n DateTimePicker,\n MonthPicker,\n PickerInputBase,\n TimeInput,\n TimePicker,\n YearPicker,\n} from '@mantine/dates';\nimport {Accordion} from '../components/Accordion/Accordion.js';\nimport {CheckboxIcon} from '../components/CheckboxIcon/CheckboxIcon.js';\nimport {CircleLoader} from '../components/CircleLoader/CircleLoader.js';\nimport {InfoToken} from '../components/InfoToken/InfoToken.js';\nimport {PlasmaComboboxChevron} from '../components/Combobox/PlasmaComboboxChevron.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AppShellClasses from '../styles/AppShell.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CardClasses from '../styles/Card.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ChipClasses from '../styles/Chip.module.css';\nimport CloseButtonClasses from '../styles/CloseButton.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport DateTimePickerClasses from '../styles/DateTimePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport MonthPickerClasses from '../styles/MonthPicker.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notifications.module.css';\nimport NumberInputClasses from '../styles/NumberInput.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport PaperClasses from '../styles/Paper.module.css';\nimport PillClasses from '../styles/Pill.module.css';\nimport PopoverClasses from '../styles/Popover.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport RadioCardClasses from '../styles/RadioCard.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport SliderClasses from '../styles/Slider.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TimePickerClasses from '../styles/TimePicker.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport YearPickerClasses from '../styles/YearPicker.module.css';\nimport {PlasmaColors} from './PlasmaColors.js';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver.js';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n variantColorResolver: plasmaVariantColorResolver,\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {\n xxs: '1.2',\n xs: '1.16',\n sm: '1.14',\n md: '1.14',\n lg: '1.11',\n xl: '1.2',\n },\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: 'var(--coveo-fw-bold)',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h2: {fontSize: '32px', lineHeight: '1.35', fontWeight: 'var(--coveo-fw-normal)'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: 'var(--coveo-fw-bold)'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n },\n },\n fontSizes: {\n xxs: '10px',\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',\n sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n Accordion: Accordion.extend({\n classNames: AccordionClasses,\n }),\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n classNames: AppShellClasses,\n defaultProps: {\n header: {height: 60},\n navbar: {width: 240, breakpoint: 0},\n layout: 'alt',\n withBorder: false,\n },\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken.Advice />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n tt: 'none',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={20} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n vars: (theme) => ({\n root: {\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n },\n classNames: ButtonClasses,\n }),\n Card: Card.extend({\n defaultProps: {\n radius: 'lg',\n shadow: 'xs',\n padding: 'sm',\n withBorder: true,\n },\n classNames: CardClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: CheckboxIndicatorClasses,\n }),\n Chip: Chip.extend({\n defaultProps: {\n icon: <IconCheck size={16} />,\n },\n classNames: ChipClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n classNames: CloseButtonClasses,\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n }),\n ComboboxChevron: ComboboxChevron.extend({\n defaultProps: {\n component: PlasmaComboboxChevron,\n },\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DateInput: DateInput.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n DatePicker: DatePicker.extend({\n defaultProps: {\n firstDayOfWeek: 0,\n },\n classNames: DatePickerClasses,\n }),\n DateTimePicker: DateTimePicker.extend({\n classNames: DateTimePickerClasses,\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Image: Image.extend({\n defaultProps: {\n fallbackSrc: placeholderSvg,\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled \|\| (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n root: {\n '--input-margin-top': props?.label \|\| props?.description ? theme.spacing.xxs : undefined,\n },\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n root: {'--input-margin-top': props?.label \|\| props?.description ? theme.spacing.xxs : undefined},\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n PasswordInput: PasswordInput.extend({\n vars: () => ({\n root: {\n '--psi-button-size': 'var(--mantine-spacing-lg)',\n },\n }),\n }),\n Loader: Loader.extend({\n defaultProps: {\n loaders: {...Loader.defaultLoaders, circle: CircleLoader},\n type: 'circle',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'md',\n },\n }),\n MonthPicker: MonthPicker.extend({\n classNames: MonthPickerClasses,\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n classNames: NotificationClasses,\n defaultProps: {\n icon: <IconInfoCircleFilled height={20} />,\n },\n }),\n NumberInput: NumberInput.extend({\n classNames: NumberInputClasses,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Paper: Paper.extend({\n classNames: PaperClasses,\n }),\n PickerInputBase: PickerInputBase.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n Pill: Pill.extend({\n classNames: PillClasses,\n }),\n Popover: Popover.extend({\n classNames: PopoverClasses,\n defaultProps: {\n position: 'bottom-start',\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n RadioCard: Radio.Card.extend({\n classNames: RadioCardClasses,\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false, withCheckIcon: false},\n classNames: SelectClasses,\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Slider: Slider.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: SliderClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <IconCheck size={16} />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n defaultProps: {\n withThumbIndicator: false,\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n TimeInput: TimeInput.extend({\n defaultProps: {\n rightSection: <IconClock size={16} />,\n },\n }),\n TimePicker: TimePicker.extend({\n defaultProps: {\n withDropdown: true,\n format: '12h',\n },\n classNames: TimePickerClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 280,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n classNames: TooltipClasses,\n }),\n YearPicker: YearPicker.extend({\n classNames: YearPickerClasses,\n }),\n },\n});\n"],"names":["ArrowHeadLeftSize16Px","ArrowHeadRightSize16Px","CrossSize16Px","FilterSize16Px","IconCalendarWeek","IconCheck","IconClock","IconInfoCircleFilled","IconSlash","color","ActionIcon","Alert","AppShell","Badge","Breadcrumbs","Button","Card","Checkbox","Chip","CloseButton","ColorSwatch","Combobox","ComboboxChevron","ComboboxSearch","createTheme","deepMerge","Divider","Image","Input","InputWrapper","List","Loader","Modal","MultiSelect","NavLink","Notification","NumberInput","Pagination","Paper","PasswordInput","Pill","Popover","Radio","ScrollArea","SegmentedControl","Select","Skeleton","Slider","Stepper","Switch","Table","Tabs","Text","Tooltip","DateInput","DatePicker","DateTimePicker","MonthPicker","PickerInputBase","TimeInput","TimePicker","YearPicker","Accordion","CheckboxIcon","CircleLoader","InfoToken","PlasmaComboboxChevron","AccordionClasses","ActionIconClasses","AlertClasses","AppShellClasses","BadgeClasses","BreadcrumbsClasses","ButtonClasses","CardClasses","CheckboxClasses","CheckboxIndicatorClasses","ChipClasses","CloseButtonClasses","ComboboxClasses","DatePickerClasses","DateTimePickerClasses","InputClasses","InputWrapperClasses","ListClasses","ModalClasses","MonthPickerClasses","NavLinkClasses","NotificationClasses","NumberInputClasses","PaginationClasses","PaperClasses","PillClasses","PopoverClasses","RadioClasses","RadioCardClasses","ReadOnlyInputClasses","ReadOnlyStateClasses","ScrollAreaClasses","SegmentedControlClasses","SelectClasses","SkeletonClasses","SliderClasses","StepperClasses","TableClasses","TabsClasses","TextClasses","TimePickerClasses","TooltipClasses","YearPickerClasses","PlasmaColors","placeholderSvg","plasmaVariantColorResolver","plasmaTheme","variantColorResolver","fontFamily","black","primary","gray","defaultRadius","lineHeights","xxs","xs","sm","md","lg","xl","spacing","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","components","extend","classNames","defaultProps","size","header","height","navbar","width","breakpoint","layout","withBorder","vars","theme","root","icon","Advice","p","variant","tt","separator","separatorMargin","shadow","padding","props","readOnly","disabled","CheckboxIndicator","Indicator","aria-label","withShadow","component","placeholder","rightSection","miw","leftSection","firstDayOfWeek","fallbackSrc","_theme","anyProps","includes","__staticSelector","label","description","undefined","red","error","loaders","defaultLoaders","circle","type","role","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","hidePickedOptions","nextIcon","previousIcon","position","RadioCard","allowDeselect","withCheckIcon","completedIcon","track","thumb","withThumbIndicator","table","withDropdown","format","maw","multiline","withArrow","zIndex"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n ArrowHeadLeftSize16Px,\n ArrowHeadRightSize16Px,\n CrossSize16Px,\n FilterSize16Px,\n IconCalendarWeek,\n IconCheck,\n IconClock,\n IconInfoCircleFilled,\n IconSlash,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n ActionIcon,\n Alert,\n AppShell,\n Badge,\n Breadcrumbs,\n Button,\n Card,\n Checkbox,\n Chip,\n CloseButton,\n ColorSwatch,\n Combobox,\n ComboboxChevron,\n ComboboxSearch,\n createTheme,\n deepMerge,\n Divider,\n Image,\n Input,\n InputWrapper,\n List,\n Loader,\n MantineThemeOverride,\n Modal,\n MultiSelect,\n NavLink,\n Notification,\n NumberInput,\n Pagination,\n Paper,\n PasswordInput,\n Pill,\n Popover,\n Radio,\n ScrollArea,\n SegmentedControl,\n Select,\n Skeleton,\n Slider,\n Stepper,\n Switch,\n Table,\n Tabs,\n Text,\n Tooltip,\n} from '@mantine/core';\nimport {\n DateInput,\n DatePicker,\n DateTimePicker,\n MonthPicker,\n PickerInputBase,\n TimeInput,\n TimePicker,\n YearPicker,\n} from '@mantine/dates';\nimport {Accordion} from '../components/Accordion/Accordion.js';\nimport {CheckboxIcon} from '../components/CheckboxIcon/CheckboxIcon.js';\nimport {CircleLoader} from '../components/CircleLoader/CircleLoader.js';\nimport {InfoToken} from '../components/InfoToken/InfoToken.js';\nimport {PlasmaComboboxChevron} from '../components/Combobox/PlasmaComboboxChevron.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AppShellClasses from '../styles/AppShell.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CardClasses from '../styles/Card.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ChipClasses from '../styles/Chip.module.css';\nimport CloseButtonClasses from '../styles/CloseButton.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport DateTimePickerClasses from '../styles/DateTimePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport MonthPickerClasses from '../styles/MonthPicker.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notifications.module.css';\nimport NumberInputClasses from '../styles/NumberInput.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport PaperClasses from '../styles/Paper.module.css';\nimport PillClasses from '../styles/Pill.module.css';\nimport PopoverClasses from '../styles/Popover.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport RadioCardClasses from '../styles/RadioCard.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport SliderClasses from '../styles/Slider.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TimePickerClasses from '../styles/TimePicker.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport YearPickerClasses from '../styles/YearPicker.module.css';\nimport {PlasmaColors} from './PlasmaColors.js';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver.js';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n variantColorResolver: plasmaVariantColorResolver,\n // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n fontFamily: 'canada-type-gibson, sans-serif',\n black: color.primary.gray[9],\n defaultRadius: 'md',\n lineHeights: {\n xxs: '1.2',\n xs: '1.16',\n sm: '1.14',\n md: '1.14',\n lg: '1.11',\n xl: '1.2',\n },\n spacing: {\n xxs: '4px',\n xs: '8px',\n sm: '16px',\n md: '24px',\n lg: '32px',\n xl: '40px',\n },\n radius: {\n none: '0px',\n xs: '2px',\n sm: '4px',\n md: '8px',\n lg: '16px',\n xl: '24px',\n xxl: '32px',\n },\n primaryColor: 'blue',\n headings: {\n fontFamily: 'canada-type-gibson, sans-serif',\n fontWeight: 'var(--coveo-fw-bold)',\n sizes: {\n h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h2: {fontSize: '32px', lineHeight: '1.35', fontWeight: 'var(--coveo-fw-normal)'},\n h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: 'var(--coveo-fw-bold)'},\n h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n },\n },\n fontSizes: {\n xxs: '10px',\n xs: '12px',\n sm: '14px',\n md: '16px',\n lg: '18px',\n xl: '20px',\n },\n shadows: {\n xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',\n sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n },\n primaryShade: 5,\n colors: PlasmaColors,\n components: {\n Accordion: Accordion.extend({\n classNames: AccordionClasses,\n }),\n ActionIcon: ActionIcon.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\n classNames: AppShellClasses,\n defaultProps: {\n header: {height: 60},\n navbar: {width: 240, breakpoint: 0},\n layout: 'alt',\n withBorder: false,\n },\n vars: (theme) =>\n ({\n root: {'--app-shell-border-color': theme.colors.gray[2]},\n }) as any,\n }),\n Alert: Alert.extend({\n defaultProps: {\n icon: <InfoToken.Advice />,\n p: 'sm',\n },\n classNames: AlertClasses,\n }),\n Badge: Badge.extend({\n classNames: BadgeClasses,\n defaultProps: {\n variant: 'light',\n tt: 'none',\n },\n }),\n Breadcrumbs: Breadcrumbs.extend({\n classNames: BreadcrumbsClasses,\n defaultProps: {\n separator: <IconSlash size={20} color=\"var(--mantine-color-dimmed)\" />,\n separatorMargin: 'xxs',\n },\n }),\n Button: Button.extend({\n defaultProps: {\n size: 'sm',\n vars: (theme) => ({\n root: {\n '--button-padding-x': theme.spacing.sm,\n },\n }),\n },\n classNames: ButtonClasses,\n }),\n Card: Card.extend({\n defaultProps: {\n radius: 'lg',\n shadow: 'xs',\n padding: 'sm',\n withBorder: true,\n },\n classNames: CardClasses,\n }),\n Checkbox: Checkbox.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n }\n return CheckboxClasses;\n },\n }),\n CheckboxIndicator: Checkbox.Indicator.extend({\n defaultProps: {\n radius: 'sm',\n icon: CheckboxIcon,\n },\n classNames: CheckboxIndicatorClasses,\n }),\n Chip: Chip.extend({\n defaultProps: {\n icon: <IconCheck size=\"var(--chip-icon-size)\" />,\n },\n classNames: ChipClasses,\n }),\n CloseButton: CloseButton.extend({\n defaultProps: {\n icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n },\n classNames: CloseButtonClasses,\n }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n }),\n ComboboxChevron: ComboboxChevron.extend({\n defaultProps: {\n component: PlasmaComboboxChevron,\n },\n }),\n ComboboxSearch: ComboboxSearch.extend({\n defaultProps: {\n placeholder: 'Search',\n rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n },\n }),\n DateInput: DateInput.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n DatePicker: DatePicker.extend({\n defaultProps: {\n firstDayOfWeek: 0,\n },\n classNames: DatePickerClasses,\n }),\n DateTimePicker: DateTimePicker.extend({\n classNames: DateTimePickerClasses,\n }),\n Divider: Divider.extend({\n defaultProps: {\n color: 'var(--mantine-color-default-border)',\n },\n }),\n Image: Image.extend({\n defaultProps: {\n fallbackSrc: placeholderSvg,\n },\n }),\n Input: Input.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: (_theme, props) => {\n const anyProps = props as any;\n if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n return deepMerge(InputClasses, ReadOnlyInputClasses);\n }\n return InputClasses;\n },\n }),\n InputWrapper: InputWrapper.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: InputWrapperClasses,\n vars: (theme, props) => {\n const anyProps = props as any;\n if (anyProps.disabled \|\| (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n return {\n root: {\n '--input-margin-top': props?.label \|\| props?.description ? theme.spacing.xxs : undefined,\n },\n label: {'--input-asterisk-color': theme.colors.red[2]},\n error: {},\n description: {},\n };\n }\n return {\n root: {'--input-margin-top': props?.label \|\| props?.description ? theme.spacing.xxs : undefined},\n label: {},\n error: {},\n description: {},\n };\n },\n }),\n PasswordInput: PasswordInput.extend({\n vars: () => ({\n root: {\n '--psi-button-size': 'var(--mantine-spacing-lg)',\n },\n }),\n }),\n Loader: Loader.extend({\n defaultProps: {\n loaders: {...Loader.defaultLoaders, circle: CircleLoader},\n type: 'circle',\n role: 'presentation',\n },\n }),\n List: List.extend({\n classNames: ListClasses,\n defaultProps: {\n size: 'sm',\n },\n }),\n Modal: Modal.extend({\n classNames: ModalClasses,\n vars: () => {\n const sizes = {\n '--modal-size-xs': '432px',\n '--modal-size-sm': '664px',\n '--modal-size-md': '896px',\n '--modal-size-lg': '1120px',\n '--modal-size-xl': '88%',\n } as any;\n return {\n root: {\n ...sizes,\n },\n };\n },\n }),\n ModalOverlay: Modal.Overlay.extend({\n defaultProps: {\n color: PlasmaColors.indigo[8],\n backgroundOpacity: 0.7,\n blur: 2,\n },\n }),\n ModalRoot: Modal.Root.extend({\n defaultProps: {\n padding: 'md',\n },\n }),\n MonthPicker: MonthPicker.extend({\n classNames: MonthPickerClasses,\n }),\n MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n NavLink: NavLink.extend({classNames: NavLinkClasses}),\n Notification: Notification.extend({\n classNames: NotificationClasses,\n defaultProps: {\n icon: <IconInfoCircleFilled height={20} />,\n },\n }),\n NumberInput: NumberInput.extend({\n classNames: NumberInputClasses,\n }),\n Pagination: Pagination.extend({\n classNames: PaginationClasses,\n defaultProps: {\n nextIcon: ArrowHeadRightSize16Px,\n previousIcon: ArrowHeadLeftSize16Px,\n },\n }),\n Paper: Paper.extend({\n classNames: PaperClasses,\n }),\n PickerInputBase: PickerInputBase.extend({\n defaultProps: {\n miw: 250,\n leftSection: <IconCalendarWeek size={16} />,\n },\n }),\n Pill: Pill.extend({\n classNames: PillClasses,\n }),\n Popover: Popover.extend({\n classNames: PopoverClasses,\n defaultProps: {\n position: 'bottom-start',\n },\n }),\n Radio: Radio.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return deepMerge(RadioClasses, ReadOnlyStateClasses);\n }\n return RadioClasses;\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {\n '--radio-icon-color': theme.colors.gray[7],\n '--radio-color': theme.colors.gray[2],\n },\n };\n }\n return {root: {}};\n },\n }),\n RadioCard: Radio.Card.extend({\n classNames: RadioCardClasses,\n }),\n ScrollArea: ScrollArea.extend({\n classNames: ScrollAreaClasses,\n }),\n SegmentedControl: SegmentedControl.extend({\n classNames: SegmentedControlClasses,\n }),\n Select: Select.extend({\n defaultProps: {allowDeselect: false, withCheckIcon: false},\n classNames: SelectClasses,\n }),\n Skeleton: Skeleton.extend({\n classNames: SkeletonClasses,\n }),\n Slider: Slider.extend({\n defaultProps: {\n size: 'md',\n },\n classNames: SliderClasses,\n }),\n Stepper: Stepper.extend({\n defaultProps: {\n size: 'xs',\n completedIcon: <IconCheck size={16} />,\n },\n classNames: StepperClasses,\n }),\n Switch: Switch.extend({\n classNames: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return ReadOnlyStateClasses;\n }\n return {};\n },\n vars: (theme, props) => {\n if (props.readOnly && !props.disabled) {\n return {\n root: {},\n track: {\n '--switch-bg': theme.colors.gray[2],\n '--switch-bd': 'transparent',\n },\n thumb: {\n '--switch-thumb-bd': 'transparent',\n },\n };\n }\n return {root: {}, track: {}, thumb: {}};\n },\n defaultProps: {\n withThumbIndicator: false,\n },\n }),\n Table: Table.extend({\n classNames: TableClasses,\n vars: () => ({\n table: {\n '--table-border-color': 'var(--mantine-color-default-border)',\n },\n }),\n }),\n Tabs: Tabs.extend({\n classNames: TabsClasses,\n }),\n Text: Text.extend({\n defaultProps: {\n size: 'sm',\n },\n classNames: TextClasses,\n }),\n TimeInput: TimeInput.extend({\n defaultProps: {\n rightSection: <IconClock size={16} />,\n },\n }),\n TimePicker: TimePicker.extend({\n defaultProps: {\n withDropdown: true,\n format: '12h',\n },\n classNames: TimePickerClasses,\n }),\n Tooltip: Tooltip.extend({\n defaultProps: {\n maw: 280,\n multiline: true,\n withArrow: true,\n zIndex: 10000,\n },\n classNames: TooltipClasses,\n }),\n YearPicker: YearPicker.extend({\n classNames: YearPickerClasses,\n }),\n },\n});\n"],"names":["ArrowHeadLeftSize16Px","ArrowHeadRightSize16Px","CrossSize16Px","FilterSize16Px","IconCalendarWeek","IconCheck","IconClock","IconInfoCircleFilled","IconSlash","color","ActionIcon","Alert","AppShell","Badge","Breadcrumbs","Button","Card","Checkbox","Chip","CloseButton","ColorSwatch","Combobox","ComboboxChevron","ComboboxSearch","createTheme","deepMerge","Divider","Image","Input","InputWrapper","List","Loader","Modal","MultiSelect","NavLink","Notification","NumberInput","Pagination","Paper","PasswordInput","Pill","Popover","Radio","ScrollArea","SegmentedControl","Select","Skeleton","Slider","Stepper","Switch","Table","Tabs","Text","Tooltip","DateInput","DatePicker","DateTimePicker","MonthPicker","PickerInputBase","TimeInput","TimePicker","YearPicker","Accordion","CheckboxIcon","CircleLoader","InfoToken","PlasmaComboboxChevron","AccordionClasses","ActionIconClasses","AlertClasses","AppShellClasses","BadgeClasses","BreadcrumbsClasses","ButtonClasses","CardClasses","CheckboxClasses","CheckboxIndicatorClasses","ChipClasses","CloseButtonClasses","ComboboxClasses","DatePickerClasses","DateTimePickerClasses","InputClasses","InputWrapperClasses","ListClasses","ModalClasses","MonthPickerClasses","NavLinkClasses","NotificationClasses","NumberInputClasses","PaginationClasses","PaperClasses","PillClasses","PopoverClasses","RadioClasses","RadioCardClasses","ReadOnlyInputClasses","ReadOnlyStateClasses","ScrollAreaClasses","SegmentedControlClasses","SelectClasses","SkeletonClasses","SliderClasses","StepperClasses","TableClasses","TabsClasses","TextClasses","TimePickerClasses","TooltipClasses","YearPickerClasses","PlasmaColors","placeholderSvg","plasmaVariantColorResolver","plasmaTheme","variantColorResolver","fontFamily","black","primary","gray","defaultRadius","lineHeights","xxs","xs","sm","md","lg","xl","spacing","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","components","extend","classNames","defaultProps","size","header","height","navbar","width","breakpoint","layout","withBorder","vars","theme","root","icon","Advice","p","variant","tt","separator","separatorMargin","shadow","padding","props","readOnly","disabled","CheckboxIndicator","Indicator","aria-label","withShadow","component","placeholder","rightSection","miw","leftSection","firstDayOfWeek","fallbackSrc","_theme","anyProps","includes","__staticSelector","label","description","undefined","red","error","loaders","defaultLoaders","circle","type","role","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","hidePickedOptions","nextIcon","previousIcon","position","RadioCard","allowDeselect","withCheckIcon","completedIcon","track","thumb","withThumbIndicator","table","withDropdown","format","maw","multiline","withArrow","zIndex"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "59.7.1",
+  "version": "59.8.0",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -81,8 +81,8 @@
     "fast-deep-equal": "3.1.3",
     "lodash.defaultsdeep": "4.6.1",
     "monaco-editor": "0.55.1",
-    "@coveord/plasma-tokens": "59.4.1",
-    "@coveord/plasma-react-icons": "59.4.3"
+    "@coveord/plasma-react-icons": "59.4.3",
+    "@coveord/plasma-tokens": "59.4.1"
   },
   "devDependencies": {
     "@mantine/carousel": "8.3.18",

package/src/components/Badge/Badge.tsx CHANGED Viewed

@@ -165,8 +165,8 @@ const BadgeDisabled = enhanceBadge(
     MantineBadge.withProps({
         variant: 'light',
         color: 'gray',
-        c: 'var(--coveo-color-text-disabled)',
-        bg: 'var(--coveo-color-bg-disabled)',
+        c: 'var(--mantine-color-disabled-color)',
+        bg: 'var(--mantine-color-disabled)',
     }),
     MantineBadge.withProps({
         variant: 'light',

package/src/components/BrowserPreview/BrowserPreview.tsx CHANGED Viewed

@@ -26,29 +26,24 @@ export const BrowserPreview = ({
     <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>
         <Group
             className={BrowserPreviewClasses.header}
-            justify="space-between"
             p="sm"
             bg="var(--mantine-color-default-hover)"
             wrap="nowrap"
+            gap="xxs"
         >
-            <Group gap="xs" wrap="nowrap">
-                <Text c="dimmed" fz="md" lh="18px">
-                    Preview
-                </Text>
-                {!!headerTooltip && (
-                    <Tooltip label={headerTooltip} position="right" maw={400}>
-                        <InfoToken.Information className={BrowserPreviewClasses.infoIcon} />
-                    </Tooltip>
-                )}
-            </Group>
-            {title && (
-                <Text lineClamp={1} c="dimmed" fz="md" lh="18px">
-                    {title}
-                </Text>
+            <Text lineClamp={1} size="md">
+                {title || 'Preview'}
+            </Text>
+            {!!headerTooltip && (
+                <Tooltip label={headerTooltip} position="right">
+                    <InfoToken.Question className={BrowserPreviewClasses.infoIcon} />
+                </Tooltip>
             )}
         </Group>
-        <Flex className={BrowserPreviewClasses.content} p="lg" direction="column">
+        <Flex className={BrowserPreviewClasses.content} p="sm" direction="column" bg="var(--mantine-color-body)">
             {children}
         </Flex>
     </Stack>
 );
+BrowserPreview.displayName = 'BrowserPreview';

package/src/components/BrowserPreview/__tests__/BrowserPreview.spec.tsx CHANGED Viewed

@@ -6,7 +6,7 @@ describe('BrowserPreview', () => {
     it('shows no tooltip when none specified', async () => {
         render(<BrowserPreview />);
-        expect(screen.queryByRole('img', {name: /information/i})).not.toBeInTheDocument();
+        expect(screen.queryByRole('img', {name: /question/i})).not.toBeInTheDocument();
     });
     it('renders the specified text as the header tooltip content', async () => {
@@ -15,8 +15,8 @@ describe('BrowserPreview', () => {
         render(<BrowserPreview headerTooltip={headerTooltip} />);
-        await waitFor(() => screen.findByRole('img', {name: /information/i}));
-        await user.hover(screen.getByRole('img', {name: /information/i}));
+        await waitFor(() => screen.findByRole('img', {name: /question/i}));
+        await user.hover(screen.getByRole('img', {name: /question/i}));
         await waitFor(() => expect(screen.getByText(headerTooltip)).toBeVisible());
     });

package/src/components/Chip/Chip.tsx CHANGED Viewed

@@ -1,5 +1,5 @@
-import {ChipFactory, ChipGroup, factory, Chip as MantineChip} from '@mantine/core';
+import {Chip} from '@mantine/core';
-export const Chip = factory<ChipFactory>(({variant: _variant, ...props}, ref) => <MantineChip {...props} ref={ref} />);
+Chip.displayName = 'Chip';
-Chip.Group = ChipGroup;
+export {Chip, type ChipFactory, ChipGroup, factory} from '@mantine/core';

package/src/components/DateRangePicker/DateRangePicker.tsx CHANGED Viewed

@@ -13,9 +13,9 @@ import {
 import {DatesRangeValue, DateStringValue} from '@mantine/dates';
 import {useUncontrolled} from '@mantine/hooks';
 import dayjs from 'dayjs';
-import {useUrlSyncedState, UseUrlSyncedStateOptions} from '../../hooks/use-url-synced-state';
+import {useUrlSyncedState, UseUrlSyncedStateOptions} from '../../hooks/use-url-synced-state.js';
 import classes from './DateRange.module.css';
-import {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from './DateRangePickerInlineCalendar';
+import {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from './DateRangePickerInlineCalendar.js';
 const serialization = (input: Pick<UseUrlSyncedStateOptions<DatesRangeValue<string>>, 'serializer' | 'deserializer'>) =>
     Object.freeze(input);

package/src/components/DateRangePicker/EditableDateRangePicker.tsx CHANGED Viewed

@@ -52,4 +52,4 @@ export const EditableDateRangePicker = ({
         </>
     );
 };
-export type {DateRangePickerPreset} from './DateRangePickerPresetSelect';
+export type {DateRangePickerPreset} from './DateRangePickerPresetSelect.js';

package/src/components/PrerequisitesList/PrerequisitesList.module.css ADDED Viewed

@@ -0,0 +1,16 @@
+.root {
+    --list-marker-gap: var(--mantine-spacing-sm);
+}
+.item {
+    font-weight: var(--coveo-fw-bold);
+}
+.icon {
+    height: 24px;
+    width: 24px;
+}
+.itemIcon {
+    margin-inline-end: var(--mantine-spacing-sm);
+}

package/src/components/PrerequisitesList/PrerequisitesList.tsx ADDED Viewed

@@ -0,0 +1,60 @@
+import {BoxProps, ElementProps, factory, Factory, List, StylesApiProps, useProps, useStyles} from '@mantine/core';
+import {ReactNode} from 'react';
+import classes from './PrerequisitesList.module.css';
+import {PrerequisitesListProvider} from './PrerequisitesListContext.js';
+import type {PrerequisitesListIconStylesNames} from './PrerequisitesListIcon.js';
+import {PrerequisitesListItem, type PrerequisitesListItemStylesNames} from './PrerequisitesListItem.js';
+export type PrerequisitesListStylesName = 'root' | PrerequisitesListItemStylesNames | PrerequisitesListIconStylesNames;
+export interface PrerequisitesListProps extends BoxProps, StylesApiProps<PrerequisitesListFactory>, ElementProps<'ul'> {
+    /**
+     * The content to display as a prerequisite.
+     */
+    children: ReactNode;
+}
+export type PrerequisitesListFactory = Factory<{
+    props: PrerequisitesListProps;
+    ref: HTMLUListElement;
+    stylesNames: PrerequisitesListStylesName;
+    vars: never;
+    staticComponents: {
+        Item: typeof PrerequisitesListItem;
+    };
+}>;
+const defaultProps = {} satisfies Partial<PrerequisitesListProps>;
+export const PrerequisitesList = factory<PrerequisitesListFactory>((_props, ref) => {
+    const props = useProps('PrerequisitesList', defaultProps, _props);
+    const {children, classNames, className, styles, style, unstyled, vars: _vars, ...others} = props;
+    const getStyles = useStyles<PrerequisitesListFactory>({
+        name: 'PrerequisitesList',
+        classes,
+        props,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+    });
+    return (
+        <PrerequisitesListProvider value={{getStyles}}>
+            <List
+                ref={ref}
+                {...getStyles('root')}
+                spacing="sm"
+                size="sm"
+                classNames={{itemIcon: getStyles('itemIcon').className}}
+                {...others}
+            >
+                {children}
+            </List>
+        </PrerequisitesListProvider>
+    );
+});
+PrerequisitesList.displayName = 'PrerequisitesList';
+PrerequisitesList.Item = PrerequisitesListItem;

package/src/components/PrerequisitesList/PrerequisitesListContext.tsx ADDED Viewed

@@ -0,0 +1,10 @@
+import {createSafeContext, GetStylesApi} from '@mantine/core';
+import type {PrerequisitesListFactory} from './PrerequisitesList.js';
+interface PrerequisitesListContextType {
+    getStyles: GetStylesApi<PrerequisitesListFactory>;
+}
+export const [PrerequisitesListProvider, usePrerequisitesListContext] = createSafeContext<PrerequisitesListContextType>(
+    'PrerequisitesList component was not found in tree',
+);

package/src/components/PrerequisitesList/PrerequisitesListIcon.tsx ADDED Viewed

@@ -0,0 +1,36 @@
+import {IconCircleCheckFilled, IconCircleDotFilled, TablerIcon} from '@coveord/plasma-react-icons';
+import {Box, BoxProps, ElementProps, MantineColor, useProps} from '@mantine/core';
+import {forwardRef} from 'react';
+import {usePrerequisitesListContext} from './PrerequisitesListContext.js';
+export type PrerequisitesListIconStylesNames = 'icon';
+export type PrerequisitesListIconVariant = 'complete' | 'incomplete';
+interface PrerequisitesListIconProps extends BoxProps, ElementProps<'div'> {
+    variant: PrerequisitesListIconVariant;
+}
+const defaultProps = {} satisfies Partial<PrerequisitesListIconProps>;
+const iconMapping = {
+    complete: IconCircleCheckFilled,
+    incomplete: IconCircleDotFilled,
+} satisfies Record<PrerequisitesListIconVariant, TablerIcon>;
+const colorMapping = {
+    complete: 'green',
+    incomplete: 'var(--mantine-color-placeholder)',
+} satisfies Record<PrerequisitesListIconVariant, MantineColor>;
+export const PrerequisitesListIcon = forwardRef<HTMLDivElement, PrerequisitesListIconProps>((_props, ref) => {
+    const props = useProps('PrerequisitesListIcon', defaultProps, _props);
+    const {className, style, variant, ...others} = props;
+    const ctx = usePrerequisitesListContext();
+    const IconComponent = iconMapping[variant];
+    return (
+        <Box ref={ref} {...ctx.getStyles('icon', {className, style})} {...others} c={colorMapping[variant]}>
+            <IconComponent size={24} role="img" aria-label={variant} />
+        </Box>
+    );
+});

package/src/components/PrerequisitesList/PrerequisitesListItem.tsx ADDED Viewed

@@ -0,0 +1,48 @@
+import {factory, Factory, List, ListItemProps, StylesApiProps, Text, useProps} from '@mantine/core';
+import {usePrerequisitesListContext} from './PrerequisitesListContext.js';
+import {PrerequisitesListIcon, type PrerequisitesListIconVariant} from './PrerequisitesListIcon.js';
+export type PrerequisitesListItemStylesNames = 'item' | 'itemIcon';
+export type PrerequisitesListItemStatus = PrerequisitesListIconVariant;
+interface PrerequisitesListItemProps
+    extends Omit<ListItemProps, 'classNames' | 'styles' | 'vars'>, StylesApiProps<PrerequisitesListItemFactory> {
+    status: PrerequisitesListItemStatus;
+    label: string;
+    description?: string;
+}
+type PrerequisitesListItemFactory = Factory<{
+    props: PrerequisitesListItemProps;
+    ref: HTMLLIElement;
+    vars: never;
+    compound: true;
+}>;
+const defaultProps = {} satisfies Partial<PrerequisitesListItemProps>;
+export const PrerequisitesListItem = factory<PrerequisitesListItemFactory>((_props, ref) => {
+    const props = useProps('PrerequisitesListItem', defaultProps, _props);
+    const {className, style, label, description, status, vars: _vars, ...others} = props;
+    const ctx = usePrerequisitesListContext();
+    return (
+        <List.Item
+            ref={ref}
+            {...ctx.getStyles('item', {className, style})}
+            icon={<PrerequisitesListIcon variant={status} />}
+            mod={{state: status}}
+            {...others}
+        >
+            {label}
+            {description && (
+                <Text fz="xs" c="dimmed">
+                    {description}
+                </Text>
+            )}
+        </List.Item>
+    );
+});
+PrerequisitesListItem.displayName = 'PrerequisitesList.Item';

package/src/components/PrerequisitesList/__tests__/PrerequisitesList.spec.tsx ADDED Viewed

@@ -0,0 +1,24 @@
+import {render, screen, within} from '@test-utils';
+import {PrerequisitesList} from '../PrerequisitesList.js';
+describe('PrerequisitesList', () => {
+    it('renders each item with its label and status icon', () => {
+        render(
+            <PrerequisitesList>
+                <PrerequisitesList.Item label="Done" status="complete" />
+                <PrerequisitesList.Item label="In progress" status="incomplete" />
+            </PrerequisitesList>,
+        );
+        const items = screen.getAllByRole('listitem');
+        expect(items).toHaveLength(2);
+        const [completed, current] = items;
+        expect(within(completed).getByText('Done')).toBeInTheDocument();
+        expect(within(completed).getByRole('img', {name: 'complete'})).toBeInTheDocument();
+        expect(within(current).getByText('In progress')).toBeInTheDocument();
+        expect(within(current).getByRole('img', {name: 'incomplete'})).toBeInTheDocument();
+    });
+});

package/src/components/RadioCard/RadioCard.tsx CHANGED Viewed

@@ -13,7 +13,7 @@ import {
 } from '@mantine/core';
 import {ReactNode} from 'react';
 import classes from '../../styles/RadioCard.module.css';
-import {Input} from '../Input/Input';
+import {Input} from '../Input/Input.js';
 export type RadioCardStylesNames = MantineRadioCardStylesNames | 'container' | 'indicator' | 'title' | 'description';
 export type RadioCardFactory = Factory<{

package/src/components/Table/table-columns-selector/TableColumnsSelector.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import {IconSettings} from '@coveord/plasma-react-icons';
 import {Checkbox, Divider, Popover, ScrollArea, Stack, Text, Tooltip} from '@mantine/core';
 import {flexRender, Header, Table} from '@tanstack/react-table';
-import {ActionIcon} from '../../ActionIcon/ActionIcon';
+import {ActionIcon} from '../../ActionIcon/ActionIcon.js';
 export interface TableColumnsSelectorOptions {
     /**

package/src/index.ts CHANGED Viewed

@@ -327,6 +327,9 @@ export * from './components/Popover/Popover.js';
 // Portal
 export * from './components/Portal/Portal.js';
+// PrerequisitesList
+export * from './components/PrerequisitesList/PrerequisitesList.js';
 // Progress
 export * from './components/Progress/Progress.js';

package/src/styles/Chip.module.css CHANGED Viewed

@@ -3,8 +3,15 @@
     --chip-bg: var(--mantine-primary-color-light);
     --chip-hover: var(--mantine-primary-color-filled-hover);
     --chip-radius: var(--mantine-radius-lg);
-    --chip-padding: var(--mantine-spacing-sm);
-    --chip-spacing: var(--mantine-spacing-sm);
+    --chip-size-xs: 24px;
+    --chip-icon-size-xs: 12px;
+    --chip-spacing-xs: var(--mantine-spacing-xs);
+    --chip-padding-xs: 12px;
+    --chip-checked-padding-xs: 6px 12px;
+    --chip-icon-size-sm: var(--mantine-spacing-sm);
+    --chip-spacing-sm: var(--mantine-spacing-xs);
+    --chip-padding-sm: var(--mantine-spacing-sm);
+    --chip-checked-padding-sm: var(--mantine-spacing-xs) var(--mantine-spacing-sm);
     > .label {
         &:not([data-checked]) {
@@ -15,8 +22,8 @@
             @mixin hover {
                 &[data-disabled] {
                     border: none;
-                    color: var(--coveo-color-text-disabled);
-                    background-color: var(--coveo-color-bg-disabled);
+                    color: var(--mantine-color-disabled-color);
+                    background-color: var(--mantine-color-disabled);
                 }
                 background-color: var(--mantine-color-gray-light);
@@ -34,8 +41,8 @@
         &[data-disabled] {
             border: none;
-            color: var(--coveo-color-text-disabled);
-            background-color: var(--coveo-color-bg-disabled);
+            color: var(--mantine-color-disabled-color);
+            background-color: var(--mantine-color-disabled);
         }
     }
 }

package/src/styles/NavLink.module.css CHANGED Viewed

@@ -6,7 +6,7 @@
     }
     &:where([data-disabled]) {
-        color: var(--coveo-color-text-disabled);
+        color: var(--mantine-color-disabled-color);
     }
 }

package/src/styles/Pagination.module.css CHANGED Viewed

@@ -19,10 +19,10 @@
         &[data-disabled] {
             opacity: 1;
-            background-color: var(--coveo-color-bg-disabled);
+            background-color: var(--mantine-color-disabled);
             & + .icon {
-                color: var(--coveo-color-text-disabled);
+                color: var(--mantine-color-disabled-color);
             }
         }
     }

package/src/styles/Slider.module.css CHANGED Viewed

@@ -13,7 +13,7 @@
 }
 .track[data-disabled] .markLabel {
-    color: var(--coveo-color-text-disabled);
+    color: var(--mantine-color-disabled-color);
 }
 .bar {

package/src/theme/Theme.tsx CHANGED Viewed

@@ -266,7 +266,7 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
         }),
         Chip: Chip.extend({
             defaultProps: {
-                icon: <IconCheck size={16} />,
+                icon: <IconCheck size="var(--chip-icon-size)" />,
             },
             classNames: ChipClasses,
         }),
@@ -374,6 +374,9 @@ export const plasmaTheme: MantineThemeOverride = createTheme({
         }),
         List: List.extend({
             classNames: ListClasses,
+            defaultProps: {
+                size: 'sm',
+            },
         }),
         Modal: Modal.extend({
             classNames: ModalClasses,