npm - @coveord/plasma-mantine - Versions diffs - 56.2.6 → 56.3.1 - Mend

@coveord/plasma-mantine 56.2.6 → 56.3.1

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 (562) hide show

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

@@ -2,8 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ArrowHeadLeftSize16Px, ArrowHeadRightSize16Px, CrossSize16Px, FilterSize16Px, IconCalendarWeek, IconCheck, IconClock, IconInfoCircleFilled, IconSlash } from '@coveord/plasma-react-icons';
 import { color } from '@coveord/plasma-tokens';
 import { ActionIcon, Alert, AppShell, Badge, Breadcrumbs, Button, Card, Checkbox, Chip, CloseButton, ColorSwatch, Combobox, 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 } from '@mantine/core';
-import { DateInput, DatePicker, MonthPicker, PickerInputBase, TimeInput, TimePicker, YearPicker } from '@mantine/dates';
-import { Accordion, CheckboxIcon, CircleLoader, InfoToken } from '../components/index.js';
+import { DateInput, DatePicker, DateTimePicker, MonthPicker, PickerInputBase, TimeInput, TimePicker, YearPicker } from '@mantine/dates';
+import { Accordion } from '../components/accordion/Accordion.js';
+import { CheckboxIcon } from '../components/checkbox/CheckboxIcon.js';
+import { CircleLoader } from '../components/loader/CircleLoader.js';
+import { InfoToken } from '../components/info-token/InfoToken.js';
 import AccordionClasses from '../styles/Accordion.module.css';
 import ActionIconClasses from '../styles/ActionIcon.module.css';
 import AlertClasses from '../styles/Alert.module.css';
@@ -16,6 +19,7 @@ import CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';
 import ChipClasses from '../styles/Chip.module.css';
 import ComboboxClasses from '../styles/Combobox.module.css';
 import DatePickerClasses from '../styles/DatePicker.module.css';
+import DateTimePickerClasses from '../styles/DateTimePicker.module.css';
 import InputClasses from '../styles/Input.module.css';
 import InputWrapperClasses from '../styles/InputWrapper.module.css';
 import ListClasses from '../styles/List.module.css';
@@ -264,6 +268,9 @@ export const plasmaTheme = createTheme({
         DatePicker: DatePicker.extend({
             classNames: DatePickerClasses
         }),
+        DateTimePicker: DateTimePicker.extend({
+            classNames: DateTimePickerClasses
+        }),
         Divider: Divider.extend({
             defaultProps: {
                 color: 'var(--mantine-color-default-border)'

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 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 {DateInput, DatePicker, MonthPicker, PickerInputBase, TimeInput, TimePicker, YearPicker} from '@mantine/dates';\nimport {Accordion, CheckboxIcon, CircleLoader, InfoToken} from '../components/index.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.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 ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.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: 'lg',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\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 variant=\"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={16} 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 }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n defaultProps: {\n middlewares: {inline: true},\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 classNames: DatePickerClasses,\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: 'lg',\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 middlewares: {inline: true},\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 color: PlasmaColors.violet[9],\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","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","MonthPicker","PickerInputBase","TimeInput","TimePicker","YearPicker","Accordion","CheckboxIcon","CircleLoader","InfoToken","AccordionClasses","ActionIconClasses","AlertClasses","BadgeClasses","BreadcrumbsClasses","ButtonClasses","CardClasses","CheckboxClasses","CheckboxIndicatorClasses","ChipClasses","ComboboxClasses","DatePickerClasses","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","vars","theme","root","icon","variant","p","tt","separator","separatorMargin","shadow","padding","withBorder","props","readOnly","disabled","CheckboxIndicator","Indicator","height","aria-label","withShadow","middlewares","inline","placeholder","rightSection","miw","leftSection","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","violet"],"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 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/checkbox/CheckboxIcon.js';\nimport {CircleLoader} from '../components/loader/CircleLoader.js';\nimport {InfoToken} from '../components/info-token/InfoToken.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.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 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: 'lg',\n },\n classNames: ActionIconClasses,\n }),\n AppShell: AppShell.extend({\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 variant=\"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={16} 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 }),\n ColorSwatch: ColorSwatch.extend({\n defaultProps: {\n size: 8,\n withShadow: false,\n },\n }),\n Combobox: Combobox.extend({\n classNames: ComboboxClasses,\n defaultProps: {\n middlewares: {inline: true},\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 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: 'lg',\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 middlewares: {inline: true},\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 color: PlasmaColors.violet[9],\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","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","AccordionClasses","ActionIconClasses","AlertClasses","BadgeClasses","BreadcrumbsClasses","ButtonClasses","CardClasses","CheckboxClasses","CheckboxIndicatorClasses","ChipClasses","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","vars","theme","root","icon","variant","p","tt","separator","separatorMargin","shadow","padding","withBorder","props","readOnly","disabled","CheckboxIndicator","Indicator","height","aria-label","withShadow","middlewares","inline","placeholder","rightSection","miw","leftSection","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","violet"],"mappings":"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"}

package/dist/esm/theme/plasmaCSSVariablesResolver.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"plasmaCSSVariablesResolver.d.ts","sourceRoot":"","sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAGH,oBAAoB,EAKvB,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,0BAA0B,EAAE,~~oBA+DxC~~,CAAC"}
1	+ {"version":3,"file":"plasmaCSSVariablesResolver.d.ts","sourceRoot":"","sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAGH,oBAAoB,EAKvB,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,0BAA0B,EAAE,oBA0FxC,CAAC"}

package/dist/esm/theme/plasmaCSSVariablesResolver.js CHANGED Viewed

@@ -10,7 +10,29 @@ export const plasmaCSSVariablesResolver = (theme)=>{
             '--coveo-fw-bold': '500'
         },
         dark: {
-            '--coveo-color-title': 'var(--mantine-color-white)'
+            // custom colors
+            '--coveo-color-title': 'var(--mantine-color-white)',
+            '--coveo-app-background': theme.colors.dark[8],
+            '--coveo-color-input-border': theme.colors.dark[4],
+            '--coveo-color-text-readonly': theme.colors.dark[0],
+            '--coveo-color-bg-readonly': theme.colors.dark[6],
+            '--coveo-color-text-primary': 'var(--mantine-primary-color-4)',
+            '--coveo-color-bg-dark-surface': 'var(--mantine-primary-color-3)',
+            // mantine overrides
+            '--mantine-primary-color-light': 'var(--mantine-primary-color-7)',
+            '--mantine-color-body': theme.colors.dark[7],
+            '--mantine-color-default': theme.colors.dark[7],
+            '--mantine-color-default-border': theme.colors.dark[6],
+            '--mantine-color-default-hover': theme.colors.dark[6],
+            '--mantine-color-error': theme.colors.red[4],
+            '--mantine-color-text': theme.colors.dark[0],
+            '--mantine-color-dimmed': theme.colors.dark[1],
+            '--mantine-color-gray-filled': theme.colors.dark[6],
+            '--mantine-color-warning-filled': theme.colors.yellow[2],
+            '--mantine-color-warning-light': theme.colors.yellow[6],
+            '--mantine-color-placeholder': theme.colors.dark[2],
+            '--mantine-color-disabled': theme.colors.dark[7],
+            '--mantine-color-disabled-color': theme.colors.dark[3]
         },
         light: {
             // custom colors
@@ -22,15 +44,17 @@ export const plasmaCSSVariablesResolver = (theme)=>{
             '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',
             '--coveo-color-bg-dark-surface': theme.colors.violet[9],
             // mantine overrides
+            '--mantine-color-body': 'var(--mantine-color-white)',
+            '--mantine-color-default': 'var(--mantine-color-white)',
             '--mantine-color-default-border': theme.colors.gray[2],
+            '--mantine-color-default-hover': theme.colors.gray[1],
             '--mantine-color-error': theme.colors.red[5],
             '--mantine-color-text': theme.colors.gray[6],
             '--mantine-color-dimmed': theme.colors.gray[5],
             '--mantine-color-gray-filled': theme.colors.gray[4],
             '--mantine-color-warning-filled': theme.colors.yellow[4],
             '--mantine-color-placeholder': theme.colors.gray[4],
-            '--mantine-color-default-hover': theme.colors.gray[1],
-            '--mantine-color-disabled': alpha('var(--mantine-color-gray-4)', 0.1),
+            '--mantine-color-disabled': alpha(theme.colors.gray[4], 0.1),
             '--mantine-color-disabled-color': theme.colors.gray[3]
         }
     };

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {\n alpha,\n ConvertCSSVariablesInput,\n CSSVariablesResolver,\n defaultCssVariablesResolver,\n getPrimaryShade,\n MantineColor,\n MantineTheme,\n} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n // Get the default Mantine CSS variables\n const mantineVariables = defaultCssVariablesResolver(theme);\n\n // Define your custom variables\n const customVariables: ConvertCSSVariablesInput = {\n variables: {\n '--coveo-fw-light': '300',\n '--coveo-fw-normal': '400',\n '--coveo-fw-bold': '500',\n },\n dark: {'--coveo-color-title': 'var(--mantine-color-white)'},\n light: {\n // custom colors\n '--coveo-app-background': theme.colors.gray[0],\n '--coveo-color-input-border': theme.colors.gray[3],\n '--coveo-color-title': theme.colors.gray[8],\n '--coveo-color-text-readonly': 'var(--mantine-color-text)',\n '--coveo-color-bg-readonly': theme.colors.gray[1],\n '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',\n '--coveo-color-bg-dark-surface': theme.colors.violet[9],\n\n // mantine overrides\n '--mantine-color-default-border': theme.colors.gray[2],\n '--mantine-color-~~error~~': theme.colors.~~red~~[5],\n '--mantine-color-~~text~~': theme.colors.~~gray~~[6],\n '--mantine-color-~~dimmed~~': theme.colors.gray[5],\n '--mantine-color-~~gray-filled~~': theme.colors.gray[4],\n '--mantine-color-~~warning~~-filled': theme.colors.~~yellow~~[4],\n '--mantine-color-~~placeholder~~': theme.colors.~~gray~~[4],\n '--mantine-color-~~default-hover~~': theme.colors.gray[1],\n '--mantine-color-disabled': alpha(~~'var(--mantine-color-~~gray-4)', 0.1),\n '--mantine-color-disabled-color': theme.colors.gray[3],\n },\n };\n\n Object.keys(theme.colors).forEach((color) => {\n Object.assign(\n customVariables.light,\n getVariantLightVariables({\n theme,\n color,\n colorScheme: 'light',\n }),\n );\n });\n // Merge Mantine variables with custom variables\n const result: ConvertCSSVariablesInput = {\n variables: {\n ...mantineVariables.variables,\n ...customVariables.variables,\n },\n dark: {\n ...mantineVariables.dark,\n ...customVariables.dark,\n },\n light: {\n ...mantineVariables.light,\n ...customVariables.light,\n },\n };\n\n return result;\n};\n\ninterface GetColorVariablesInput {\n theme: MantineTheme;\n color: MantineColor;\n colorScheme: 'light' \| 'dark';\n}\n\nconst getVariantLightVariables = ({theme, color, colorScheme}: GetColorVariablesInput) => {\n if (!theme.colors[color]) {\n return {};\n }\n\n if (colorScheme === 'light') {\n const primaryShade = getPrimaryShade(theme, 'light');\n return {\n [`--mantine-color-${color}-light`]: alpha(theme.colors[color][primaryShade], 0.1),\n [`--mantine-color-${color}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.16),\n };\n }\n};\n"],"names":["alpha","defaultCssVariablesResolver","getPrimaryShade","plasmaCSSVariablesResolver","theme","mantineVariables","customVariables","variables","dark","~~light~~","~~colors~~","~~gray~~","~~violet~~","~~red~~","~~yellow~~","Object","keys","forEach","color","assign","getVariantLightVariables","colorScheme","result","primaryShade"],"mappings":"AAAA,SACIA,KAAK,EAGLC,2BAA2B,EAC3BC,eAAe,QAGZ,gBAAgB;AAEvB,OAAO,MAAMC,6BAAmD,CAACC;IAC7D,wCAAwC;IACxC,MAAMC,mBAAmBJ,4BAA4BG;IAErD,+BAA+B;IAC/B,MAAME,kBAA4C;QAC9CC,WAAW;YACP,oBAAoB;YACpB,qBAAqB;YACrB,mBAAmB;QACvB;QACAC,MAAM;~~YAAC~~,uBAAuB;~~QAA4B~~;~~QAC1DC~~,OAAO;YACH,gBAAgB;YAChB,~~0BAA0BL~~,~~MAAMM~~,MAAM,~~CAACC~~,IAAI,CAAC,EAAE;YAC9C,~~8BAA8BP~~,~~MAAMM~~,MAAM,~~CAACC~~,IAAI,CAAC,EAAE;YAClD,~~uBAAuBP~~,~~MAAMM~~,MAAM,~~CAACC~~,IAAI,CAAC,EAAE;YAC3C,+BAA+B;YAC/B,~~6BAA6BP~~,~~MAAMM~~,MAAM,~~CAACC~~,IAAI,CAAC,EAAE;YACjD,8BAA8B;YAC9B,~~iCAAiCP~~,~~MAAMM~~,MAAM,~~CAACE~~,MAAM,CAAC,EAAE;YAEvD,oBAAoB;YACpB,~~kCAAkCR~~,~~MAAMM~~,MAAM,~~CAACC~~,IAAI,CAAC,EAAE;YACtD,~~yBAAyBP~~,~~MAAMM~~,MAAM,~~CAACG~~,GAAG,CAAC,EAAE;YAC5C,~~wBAAwBT~~,~~MAAMM~~,MAAM,~~CAACC~~,IAAI,CAAC,EAAE;YAC5C,~~0BAA0BP~~,~~MAAMM~~,MAAM,~~CAACC~~,IAAI,CAAC,EAAE;YAC9C,+BAA+BP,~~MAAMM~~,MAAM,~~CAACC~~,IAAI,CAAC,EAAE;YACnD,~~kCAAkCP~~,~~MAAMM~~,MAAM,~~CAACI~~,MAAM,CAAC,EAAE;YACxD,+BAA+BV,~~MAAMM~~,MAAM,~~CAACC~~,IAAI,CAAC,EAAE;YACnD,~~iCAAiCP~~,~~MAAMM~~,MAAM,~~CAACC~~,IAAI,CAAC,EAAE~~;YACrD~~,~~4BAA4BX,MAAM,+BAA+B~~;~~YACjE~~,~~kCAAkCI~~,~~MAAMM~~,MAAM,~~CAACC~~,IAAI,CAAC,EAAE;QAC1D;IACJ;~~IAEAI~~,OAAOC,IAAI,CAACZ,~~MAAMM~~,MAAM,~~EAAEO~~,OAAO,CAAC,CAACC;QAC/BH,OAAOI,MAAM,CACTb,~~gBAAgBG~~,KAAK,~~EACrBW~~,yBAAyB;YACrBhB;YACAc;YACAG,aAAa;QACjB;IAER;IACA,gDAAgD;IAChD,MAAMC,SAAmC;QACrCf,WAAW;YACP,GAAGF,iBAAiBE,SAAS;YAC7B,GAAGD,gBAAgBC,SAAS;QAChC;QACAC,MAAM;YACF,GAAGH,iBAAiBG,IAAI;YACxB,GAAGF,gBAAgBE,IAAI;QAC3B;~~QACAC~~,OAAO;YACH,~~GAAGJ~~,~~iBAAiBI~~,KAAK;YACzB,~~GAAGH~~,~~gBAAgBG~~,KAAK;QAC5B;IACJ;IAEA,~~OAAOa~~;AACX,EAAE;AAQF,MAAMF,2BAA2B,CAAC,EAAChB,KAAK,EAAEc,KAAK,EAAEG,WAAW,EAAyB;IACjF,IAAI,CAACjB,~~MAAMM~~,MAAM,~~CAACQ~~,MAAM,EAAE;QACtB,OAAO,CAAC;IACZ;IAEA,IAAIG,gBAAgB,SAAS;QACzB,MAAME,eAAerB,gBAAgBE,OAAO;QAC5C,OAAO;YACH,CAAC,CAAC,gBAAgB,EAAEc,MAAM,MAAM,CAAC,CAAC,EAAElB,MAAMI,~~MAAMM~~,MAAM,~~CAACQ~~,MAAM,CAACK,aAAa,EAAE;YAC7E,CAAC,CAAC,gBAAgB,EAAEL,MAAM,YAAY,CAAC,CAAC,EAAElB,MAAMI,~~MAAMM~~,MAAM,~~CAACQ~~,MAAM,CAACK,aAAa,EAAE;QACvF;IACJ;AACJ"}
1	+ {"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {\n alpha,\n ConvertCSSVariablesInput,\n CSSVariablesResolver,\n defaultCssVariablesResolver,\n getPrimaryShade,\n MantineColor,\n MantineTheme,\n} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n // Get the default Mantine CSS variables\n const mantineVariables = defaultCssVariablesResolver(theme);\n\n // Define your custom variables\n const customVariables: ConvertCSSVariablesInput = {\n variables: {\n '--coveo-fw-light': '300',\n '--coveo-fw-normal': '400',\n '--coveo-fw-bold': '500',\n },\n dark: {\n // custom colors\n '--coveo-color-title': 'var(--mantine-color-white)',\n '--coveo-app-background': theme.colors.dark[8],\n '--coveo-color-input-border': theme.colors.dark[4],\n '--coveo-color-text-readonly': theme.colors.dark[0],\n '--coveo-color-bg-readonly': theme.colors.dark[6],\n '--coveo-color-text-primary': 'var(--mantine-primary-color-4)',\n '--coveo-color-bg-dark-surface': 'var(--mantine-primary-color-3)',\n\n // mantine overrides\n '--mantine-primary-color-light': 'var(--mantine-primary-color-7)',\n '--mantine-color-body': theme.colors.dark[7],\n '--mantine-color-default': theme.colors.dark[7],\n '--mantine-color-default-border': theme.colors.dark[6],\n '--mantine-color-default-hover': theme.colors.dark[6],\n '--mantine-color-error': theme.colors.red[4],\n '--mantine-color-text': theme.colors.dark[0],\n '--mantine-color-dimmed': theme.colors.dark[1],\n '--mantine-color-gray-filled': theme.colors.dark[6],\n '--mantine-color-warning-filled': theme.colors.yellow[2],\n '--mantine-color-warning-light': theme.colors.yellow[6],\n '--mantine-color-placeholder': theme.colors.dark[2],\n '--mantine-color-disabled': theme.colors.dark[7],\n '--mantine-color-disabled-color': theme.colors.dark[3],\n },\n light: {\n // custom colors\n '--coveo-app-background': theme.colors.gray[0],\n '--coveo-color-input-border': theme.colors.gray[3],\n '--coveo-color-title': theme.colors.gray[8],\n '--coveo-color-text-readonly': 'var(--mantine-color-text)',\n '--coveo-color-bg-readonly': theme.colors.gray[1],\n '--coveo-color-text-primary': 'var(--mantine-primary-color-filled)',\n '--coveo-color-bg-dark-surface': theme.colors.violet[9],\n\n // mantine overrides\n '--mantine-color-body': 'var(--mantine-color-white)',\n '--mantine-color-default': 'var(--mantine-color-white)',\n '--mantine-color-default-border': theme.colors.gray[2],\n '--mantine-color-default-hover': theme.colors.gray[1],\n '--mantine-color-error': theme.colors.red[5],\n '--mantine-color-text': theme.colors.gray[6],\n '--mantine-color-dimmed': theme.colors.gray[5],\n '--mantine-color-gray-filled': theme.colors.gray[4],\n '--mantine-color-warning-filled': theme.colors.yellow[4],\n '--mantine-color-placeholder': theme.colors.gray[4],\n '--mantine-color-disabled': alpha(theme.colors.gray[4], 0.1),\n '--mantine-color-disabled-color': theme.colors.gray[3],\n },\n };\n\n Object.keys(theme.colors).forEach((color) => {\n Object.assign(\n customVariables.light,\n getVariantLightVariables({\n theme,\n color,\n colorScheme: 'light',\n }),\n );\n });\n // Merge Mantine variables with custom variables\n const result: ConvertCSSVariablesInput = {\n variables: {\n ...mantineVariables.variables,\n ...customVariables.variables,\n },\n dark: {\n ...mantineVariables.dark,\n ...customVariables.dark,\n },\n light: {\n ...mantineVariables.light,\n ...customVariables.light,\n },\n };\n\n return result;\n};\n\ninterface GetColorVariablesInput {\n theme: MantineTheme;\n color: MantineColor;\n colorScheme: 'light' \| 'dark';\n}\n\nconst getVariantLightVariables = ({theme, color, colorScheme}: GetColorVariablesInput) => {\n if (!theme.colors[color]) {\n return {};\n }\n\n if (colorScheme === 'light') {\n const primaryShade = getPrimaryShade(theme, 'light');\n return {\n [`--mantine-color-${color}-light`]: alpha(theme.colors[color][primaryShade], 0.1),\n [`--mantine-color-${color}-light-hover`]: alpha(theme.colors[color][primaryShade], 0.16),\n };\n }\n};\n"],"names":["alpha","defaultCssVariablesResolver","getPrimaryShade","plasmaCSSVariablesResolver","theme","mantineVariables","customVariables","variables","dark","colors","red","yellow","light","gray","violet","Object","keys","forEach","color","assign","getVariantLightVariables","colorScheme","result","primaryShade"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "56.2.6",
+  "version": "56.3.1",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -41,18 +41,18 @@
     "fast-deep-equal": "3.1.3",
     "lodash.defaultsdeep": "4.6.1",
     "monaco-editor": "0.54.0",
-    "@coveord/plasma-react-icons": "56.2.6",
-    "@coveord/plasma-tokens": "56.2.3"
+    "@coveord/plasma-react-icons": "56.3.1",
+    "@coveord/plasma-tokens": "56.3.1"
   },
   "devDependencies": {
-    "@mantine/carousel": "8.3.3",
-    "@mantine/code-highlight": "8.3.3",
-    "@mantine/core": "8.3.3",
-    "@mantine/dates": "8.3.3",
-    "@mantine/form": "8.3.3",
-    "@mantine/hooks": "8.3.3",
-    "@mantine/modals": "8.3.3",
-    "@mantine/notifications": "8.3.3",
+    "@mantine/carousel": "8.3.5",
+    "@mantine/code-highlight": "8.3.5",
+    "@mantine/core": "8.3.5",
+    "@mantine/dates": "8.3.5",
+    "@mantine/form": "8.3.5",
+    "@mantine/hooks": "8.3.5",
+    "@mantine/modals": "8.3.5",
+    "@mantine/notifications": "8.3.5",
     "@swc/cli": "0.7.8",
     "@swc/core": "1.13.5",
     "@testing-library/dom": "10.4.1",
@@ -62,8 +62,8 @@
     "@types/lodash.defaultsdeep": "4.6.9",
     "@types/react": "18.3.26",
     "@types/react-dom": "18.3.7",
-    "@vitest/eslint-plugin": "1.3.16",
-    "cross-env": "7.0.3",
+    "@vitest/eslint-plugin": "1.3.23",
+    "cross-env": "10.1.0",
     "embla-carousel": "8.6.0",
     "embla-carousel-react": "8.6.0",
     "eslint-plugin-testing-library": "6.5.0",
@@ -72,13 +72,13 @@
     "postcss": "8.5.6",
     "postcss-preset-mantine": "^1.11.0",
     "postcss-simple-vars": "^7.0.1",
-    "publint": "0.3.14",
+    "publint": "0.3.15",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
     "tslib": "2.8.1",
     "typescript": "5.9.3",
-    "vitest": "3.2.4"
+    "vitest": "4.0.5"
   },
   "peerDependencies": {
     "@mantine/carousel": "^8.0.2",

package/src/__tests__/Utils.tsx CHANGED Viewed

@@ -3,7 +3,7 @@ import userEvent from '@testing-library/user-event';
 import {FunctionComponent, PropsWithChildren, ReactElement} from 'react';
 import {Combobox, createTheme, Popover} from '@mantine/core';
-import {Plasmantine} from '../theme/index.js';
+import {Plasmantine} from '../theme/Plasmantine.js';
 const testTheme = createTheme({
     components: {

package/src/__tests__/VitestSetup.ts CHANGED Viewed

@@ -24,11 +24,13 @@ Object.defineProperty(window, 'matchMedia', {
 });
 window.ResizeObserver =
     window.ResizeObserver ||
-    vi.fn().mockImplementation(() => ({
-        disconnect: vi.fn(),
-        observe: vi.fn(),
-        unobserve: vi.fn(),
-    }));
+    vi.fn(
+        class ResizeObserverMock {
+            disconnect = vi.fn();
+            observe = vi.fn();
+            unobserve = vi.fn();
+        },
+    );
 document.queryCommandSupported = document.queryCommandSupported || vi.fn().mockReturnValue(true);
 // Temporarily workaround for bug in @testing-library/react when use user-event with `vi.useFakeTimers()`

package/src/components/action-icon/ActionIcon.tsx CHANGED Viewed

@@ -60,13 +60,21 @@ export const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(
     },
 );
-const ActionIconPrimary = ActionIcon.withProps({variant: 'filled'});
-const ActionIconSecondary = ActionIcon.withProps({variant: 'light'});
+const ActionIconPrimary = ActionIcon.withProps({
+    variant: 'filled',
+});
+const ActionIconSecondary = ActionIcon.withProps({
+    variant: 'light',
+    color: 'var(--coveo-color-text-primary)',
+});
 const ActionIconTertiary = ActionIcon.withProps({
     variant: 'default',
-    vars: () => ({root: {'--ai-color': 'var(--mantine-primary-color-filled)'}}),
+    color: 'var(--coveo-color-text-primary)',
+});
+const ActionIconQuaternary = ActionIcon.withProps({
+    variant: 'subtle',
+    color: 'var(--coveo-color-text-primary)',
 });
-const ActionIconQuaternary = ActionIcon.withProps({variant: 'subtle'});
 const ActionIconDestructive = ActionIcon.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});
 const ActionIconDestructiveSecondary = ActionIcon.withProps({variant: 'light', color: 'var(--mantine-color-error)'});

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

@@ -1,13 +1,14 @@
 import {
-    Badge as MantineBadge,
+    alpha,
     BadgeCssVariables,
     BadgeProps,
     BadgeStylesNames,
     BadgeVariant,
+    Badge as MantineBadge,
     polymorphicFactory,
     PolymorphicFactory,
     PolymorphicComponentProps,
-    alpha,
+    useComputedColorScheme,
 } from '@mantine/core';
 import {forwardRef, ForwardRefExoticComponent, ReactElement, ReactNode, RefAttributes} from 'react';
@@ -45,7 +46,7 @@ export interface SemanticBadgeProps
     size?: 'small' | 'large';
     /**
      * Whether the badge is displayed over a light or dark background.
-     * @default 'light'
+     * @default Falls back to theme.
      */
     on?: 'light' | 'dark';
     /**
@@ -61,7 +62,8 @@ const enhanceBadge = (
     ComponentDark: <L = 'div'>(props: PolymorphicComponentProps<L, BadgeProps>) => ReactElement,
 ): SemanticBadge =>
     forwardRef<HTMLDivElement, SemanticBadgeProps>((props, ref) => {
-        const Component = props.on === 'dark' ? ComponentDark : ComponentLight;
+        const computedColorScheme = useComputedColorScheme('light', {getInitialValueInEffect: true});
+        const Component = (props.on || computedColorScheme) === 'dark' ? ComponentDark : ComponentLight;
         return (
             <Component
                 ref={ref}
@@ -102,6 +104,21 @@ const BadgeSecondary = enhanceBadge(
         bg: alpha('var(--mantine-color-gray-3)', 0.16),
     }),
 );
+const BadgeSuccess = enhanceBadge(
+    MantineBadge.withProps({
+        variant: 'light',
+        color: 'green',
+        bd: '1px solid var(--badge-bg)',
+        c: 'green.6',
+    }),
+    MantineBadge.withProps({
+        variant: 'light',
+        color: 'green',
+        c: 'green.2',
+        bd: `1px solid ${alpha('var(--mantine-color-green-3)', 0.16)}`,
+        bg: alpha('var(--mantine-color-green-3)', 0.16),
+    }),
+);
 const BadgeCritical = enhanceBadge(
     MantineBadge.withProps({
         variant: 'light',
@@ -157,6 +174,7 @@ export type BadgeOverloadFactory = PolymorphicFactory<{
     staticComponents: {
         Primary: SemanticBadge;
         Secondary: SemanticBadge;
+        Success: SemanticBadge;
         Critical: SemanticBadge;
         Warning: SemanticBadge;
         Disabled: SemanticBadge;
@@ -167,6 +185,7 @@ export const Badge = polymorphicFactory<BadgeOverloadFactory>((props, ref) => <M
 Badge.Primary = BadgePrimary;
 Badge.Secondary = BadgeSecondary;
+Badge.Success = BadgeSuccess;
 Badge.Critical = BadgeCritical;
 Badge.Warning = BadgeWarning;
 Badge.Disabled = BadgeDisabled;

package/src/components/browser-preview/BrowserPreview.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import {Flex, Group, Stack, StackProps, Text, Tooltip} from '@mantine/core';
 import cx from 'clsx';
 import {PropsWithChildren} from 'react';
-import {InfoToken} from '../info-token/index.js';
+import {InfoToken} from '../info-token/InfoToken.js';
 import BrowserPreviewClasses from './BrowserPreview.module.css';
 export interface BrowserPreviewProps extends StackProps {
@@ -24,7 +24,13 @@ export const BrowserPreview = ({
     ...others
 }: PropsWithChildren<BrowserPreviewProps>) => (
     <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>
-        <Group className={BrowserPreviewClasses.header} justify="space-between" p="sm" bg="gray.1" wrap="nowrap">
+        <Group
+            className={BrowserPreviewClasses.header}
+            justify="space-between"
+            p="sm"
+            bg="var(--mantine-color-default-hover)"
+            wrap="nowrap"
+        >
             <Group gap="xs" wrap="nowrap">
                 <Text c="dimmed" fz="md" lh="18px">
                     Preview

package/src/components/button/Button.tsx CHANGED Viewed

@@ -64,17 +64,23 @@ export const Button = polymorphicFactory<ButtonOverloadFactory>(
     },
 );
 const ButtonPrimary = Button.withProps({variant: 'filled'});
-const ButtonSecondary = Button.withProps({variant: 'light'});
+const ButtonSecondary = Button.withProps({
+    variant: 'light',
+    color: 'var(--coveo-color-text-primary)',
+});
 const ButtonTertiary = Button.withProps({
     variant: 'default',
     vars: (theme) => ({
         root: {
-            '--button-color': 'var(--mantine-primary-color-filled)',
+            '--button-color': 'var(--coveo-color-text-primary)',
             '--button-padding-x': theme.spacing.sm,
         },
     }),
 });
-const ButtonQuaternary = Button.withProps({variant: 'subtle'});
+const ButtonQuaternary = Button.withProps({
+    variant: 'subtle',
+    color: 'var(--coveo-color-text-primary)',
+});
 const ButtonDestructive = Button.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});
 const ButtonDestructiveSecondary = Button.withProps({

package/src/components/button/ButtonWithDisabledTooltip.tsx CHANGED Viewed

@@ -1,7 +1,7 @@
 import {Box, Tooltip, TooltipProps} from '@mantine/core';
 import {ReactNode, forwardRef} from 'react';
-import {createPolymorphicComponent} from '../../utils/index.js';
+import {createPolymorphicComponent} from '../../utils/createPolymorphicComponent.js';
 export interface ButtonWithDisabledTooltipProps {
     /**

package/src/components/code-editor/CodeEditor.tsx CHANGED Viewed

@@ -19,11 +19,11 @@ import {MarkerSeverity, editor as monacoEditor} from 'monaco-editor';
 import {FunctionComponent, useEffect, useRef, useState} from 'react';
 import cx from 'clsx';
-import {useParentHeight} from '../../hooks/index.js';
-import {CopyToClipboard} from '../copyToClipboard/index.js';
+import {useParentHeight} from '../../hooks/useParentHeight.js';
+import {CopyToClipboard} from '../copyToClipboard/CopyToClipboard.js';
 import CodeEditorClasses from './CodeEditor.module.css';
 import {XML} from './languages/xml.js';
-import {Search} from './search/index.js';
+import {Search} from './search/Search.js';
 interface CodeEditorProps
     extends Omit<
             InputWrapperProps,

package/src/components/code-editor/search/Search.tsx CHANGED Viewed

@@ -1,6 +1,6 @@
 import {IconSearch} from '@coveord/plasma-react-icons';
 import {FunctionComponent} from 'react';
-import {ActionIcon} from '../../action-icon/index.js';
+import {ActionIcon} from '../../action-icon/ActionIcon.js';
 export interface SearchProps {
     handleSearch: () => void;

package/src/components/collection/Collection.tsx CHANGED Viewed

@@ -17,8 +17,8 @@ import {
 import {useDidUpdate} from '@mantine/hooks';
 import {ForwardedRef, ReactNode} from 'react';
-import {CustomComponentThemeExtend, identity} from '../../utils/index.js';
-import {Button} from '../button/index.js';
+import {CustomComponentThemeExtend, identity} from '../../utils/createFactoryComponent.js';
+import {Button} from '../button/Button.js';
 import classes from './Collection.module.css';
 import {CollectionProvider} from './CollectionContext.js';
 import {CollectionItem} from './CollectionItem.js';
@@ -242,7 +242,7 @@ export const Collection = <T,>(props: CollectionProps<T> & {ref?: ForwardedRef<H
             disabled={!canEdit}
             draggable={draggable}
             onRemove={() => onRemoveItem?.(index)}
-            removable={!(required && hasOnlyOneItem)}
+            removable={!(isRequired && hasOnlyOneItem)}
         >
             {children(item.data, index)}
         </CollectionItem>

package/src/components/collection/CollectionItem.tsx CHANGED Viewed

@@ -4,7 +4,7 @@ import {CSS} from '@dnd-kit/utilities';
 import {Group, GroupProps, useProps} from '@mantine/core';
 import {FunctionComponent, PropsWithChildren} from 'react';
-import {ActionIcon} from '../action-icon/index.js';
+import {ActionIcon} from '../action-icon/ActionIcon.js';
 import {useCollectionContext} from './CollectionContext.js';
 interface CollectionItemProps extends CollectionItemSharedProps {