New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@coveord/plasma-react

Package Overview
Dependencies
Maintainers
3
Versions
314
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@coveord/plasma-react - npm Package Versions

23
32

53.2.0

Diff

germainbergeron
published 53.1.8 •

germainbergeron
published 53.1.7 •

germainbergeron
published 53.1.6 •

germainbergeron
published 53.1.3 •

Changelog

Source

53.1.3 (2024-04-29)

Bug Fixes

  • plasma-react, multiselect: fix margin for selected options (#3704) 7b2bfd6, closes #3704
germainbergeron
published 53.1.2 •

Changelog

Source

53.1.2 (2024-04-29)

Bug Fixes

  • plasma: fix the build and remove dead code (#3700) 6ddbaff, closes #3700
germainbergeron
published 53.1.0 •

Changelog

Source

53.1.0 (2024-04-24)

Features

  • mantine: add variant modal-footer to StickyFooter (#3690) a61ddf4, closes #3690
germainbergeron
published 53.0.0 •

Changelog

Source

53.0.0 (2024-04-16)

  • feat!: mantine 7 support (#3678) 51d463c, closes #3678 #3679 #3623

BREAKING CHANGES

  • Mantine version 7 support

From now on, plasma-mantine package will only work with Mantine version 7. You can follow the migration guide available on the Mantine website to migrate your app.

All our custom components like the Table, Collection, Header, etc. now follow the CSS modules paradigm introduced by Mantine components. So expect changes around how styles are loaded into components.

Header component variants

<Header> component variants have changed name:

  • 'page' is now called 'primary'
  • 'modal' is now called 'secondary'

StickyFooter classNames changed

StickyFooter component no longer has a divider class name available. You can still use the borderTop prop so that the footer has a top border.

ModalWizard no longer exists

The modal wizard component was removed from the plasma codebase, because it can easily be reproduced using a Stepper component inside a Modal.

Collection enhanceWithCollectionProps utility

Better integration of the Collection within mantine forms can now be achieved using the enhanceWithCollectionProps utility. If you use the Collection component with a Mantine form, it is recommended to use that utility. See mantine documentation to learn more.

Before

const form = useForm({initialValues: {fruits: ['banana', 'orange']}});

<Collection {...form.getInputProps('fruits', {type: 'collection'})}>
   ...
</Collection>

After

const form = useForm({
    initialValues: {fruits: ['banana', 'orange']}
    enhanceGetInputProps: (payload) => ({...enhanceWithCollectionProps(payload, 'fruits')}),
});

<Collection {...form.getInputProps('fruits')}>
   ...
</Collection>

InlineConfirm renaming

InlineConfirm is a bit different to use:

  • InlineConfirm.Button changed to InlineConfirm.Target
  • Removed the necessity to pass a label
  • InlineConfirm.Target and InlineConfirm.Prompt will throw an error if there's no parent InlineConfirm
  • InlineConfirm.MenuItem was removed, use <InlineConfirm.Target component={MenuItem}> instead

Before:

<InlineConfirm>
  <InlineConfirm.Button id="a">Remove</InlineConfirm.Button>
  <InlineConfirm.Prompt id="a" label="Are you sure?" onConfirm={onConfirm} />

  <InlineConfirm.Button id="b">Remove</InlineConfirm.Button>
  <InlineConfirm.Prompt
    id="b"
    label="Remove?"
    confirmLabel="I confirm"
    cancelLabel="I changed my mind"
  />
</InlineConfirm>

After:

<InlineConfirm>
  <InlineConfirm.Target id="my-button-id">Remove</InlineConfirm.Button>
  <InlineConfirm.Prompt id="my-button-id" onConfirm={onConfirm} />

  <InlineConfirm.Target id="b">Remove</InlineConfirm.Target>
  <InlineConfirm.Prompt
    id="b"
    label="Remove?"
    confirm={<Button onClick={confirmSpy}>I confirm</Button>}
    cancel={<Button>I changed my mind</Button>}
  />
</InlineConfirm>

Icons changes

  • CartNew icon was renamed to Cart

New features

Plasmantine is now extensible

const theme = createTheme({
    ...
});

<Plasmantine theme={theme}>
    <App />
</Plasmantine>
germainbergeron
published 52.27.2-next.12 •

Changelog

Source

52.27.2-next.12 (2024-04-11)

Bug Fixes

  • datepicker: removed label to (#3679) bb82a1e, closes #3679
  • deps: replace dependency redux-devtools-extension with @redux-devtools/extension 3.0.0 (#3615) 2e390f5, closes #3615
  • mantine, code editor: scrollbar z-index (#3675) 9f45807, closes #3675
  • mantine, table: automatically update page when needed (#3652) 1115971, closes #3652
  • stepper: border color (#3666) f5ae6ce, closes #3666
  • style: add missing reset rules to reset.css (#3677) 8a2c264, closes #3677

Features

  • header: +content variant +example (#3676) d750c55, closes #3676
  • next: merge master in next (#3672) 97b5600, closes #3672
  • table: visual update on datepicker (#3673) 14e6d4d, closes #3673
germainbergeron
published 52.27.2-next.6 •

Changelog

Source

52.27.2-next.6 (2024-03-25)

Bug Fixes

  • mantine: adjust Input styles (#3659) c5edc49, closes #3659
  • mantine: table selected row highlight (#3653) 913a266, closes #3653
  • table: column sizing (#3658) 2d3b4d2, closes #3658

Features

  • close-button: +aria-label for unit tests purpose (#3657) e86892b, closes #3657

Reverts

  • Revert "fix(reset): line-height (#3648)" (#3656) 337b481, closes #3648 #3656
23
32
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc