# @crystallize/design-system

## 1.23.2

### Patch Changes

- c7ede0f: Add size prop to the Switch component

## 1.23.1

### Patch Changes

- 74818d2: This pr is adding a basic components and mutations to add an item to specific flow
  query getFlows was moved to common hooks as it is used in different views

  Also prop classname was added to Select.Container component to allow better styling

## 1.23.0

### Minor Changes

- e77a9c1: This is adding basic ui components and mutations for editing and deleting flow

  Design-system got new Flow icon

## 1.22.0

### Minor Changes

- 497d580: Change toast component data-testid to include the toast type so we can use that to assert on it.

## 1.21.2

### Patch Changes

- 2ad694c: Extend the Tag component to support `xxs` size.

## 1.21.1

### Patch Changes

- 94bc1be: RichText didn't render with SSR, now we are loading it with Suspense. see: https://github.com/facebook/lexical/issues/4960

## 1.21.0

### Minor Changes

- 32f87dc: The design system was exporting event common tailwind classes, which was causing issues when the css is imported. To fix is now we export only custom classes and remove all tailwind classes from the component files. Also storybook is no longer using tailwind when needs some styles but rather we use inline css.

## 1.20.1

### Patch Changes

- e880739: Upgrade lexical to latest version to fix an issue - https://github.com/facebook/lexical/issues/4773

## 1.20.0

### Minor Changes

- 93c66a5: Extend the InputWithLabel component to support status warning and update colors. Extend the Tooltip component to support different variants, like error and warning. Add new icons for item shortcuts.

## 1.19.3

### Patch Changes

- b4e3937: Extend the typeahead component so now it can be fully controlled. Extend the filter-topics component so now we can select the time of filter we want to user for the assets - topics or filename. Change the design of the typeahead component so it matches the order filtering one.

## 1.19.2

### Patch Changes

- 78cc235: Extend the typeahead component so now it can be fully controlled. Extend the filter-topics component so now we can select the time of filter we want to user for the assets - topics or filename. Change the design of the typeahead component so it matches the order filtering one.

## 1.19.1

### Patch Changes

- e182b46: Add new archives icon.

## 1.19.0

### Minor Changes

- 61e7514: Add new toast component that is based on sonner toast.

## 1.18.0

### Minor Changes

- 7d5e071: Add z-index 100 to the dropdown menu content so it goes the same as dialog. There is an issue where opening a dropdown in modal would show the dropdown behind and thus be not visible.

## 1.17.6

### Patch Changes

- 30a9c6c: Extend the dropdown menu component to take a `modal` as a prop and pass it to the root element.

## 1.17.5

### Patch Changes

- a894c8d: Add a few new icons to indicate lock and unlocked state as well as visible and hidden.

## 1.17.4

### Patch Changes

- 1e376d9: Since we added the `container` prop with a portal to the Dropdown and ActionMenu components all dropdowns are rendered in the `document.body` when container is not provided, a.k.a the container props is `undefined`. However sometimes we want to render the dropdown next to the trigger, which is possible if we provide a `ref` for a parent element. The problem is that sometimes the parent element ref is not set yet when the dropdown is rendered and thus the dropdown does not really show on the page. To fix this, the container prop now when set explicitly to `null` then we do not render the portal, which then render the dropdown next to the trigger (no need to custom ref to a parent element but render the dropdown in place).

## 1.17.3

### Patch Changes

- e50edfe: Extract a @container query outside a nested selector to remove warning on it.

## 1.17.2

### Patch Changes

- fd2e53c: The line breaks in the rich text editor are not considered as elements and thus they are not transformed onChange. To fix it we check for them and when present we add them to the list of elements.

## 1.17.1

### Patch Changes

- 9f55eae: Extend the rich text editor to get the initialData as null. Limit the type of the initialData to just an array of notes.

## 1.17.0

### Minor Changes

- 1d91b61: Add several new icons to the design system. Icons like - check, clock, download, wand and few more.

## 1.16.6

### Patch Changes

- 37b8e62: Add z-index 100 to tooltip so it can be shown in modals also make the tooltip side prop optional with default value ot top.

## 1.16.5

### Patch Changes

- 0abde21: Move prettier to the dev dept since it is added to the bundle for what ever reason.

## 1.16.4

### Patch Changes

- c20029f: Add a few new icons, like bell, renew, and dashed-pipeline.

## 1.16.3

### Patch Changes

- dfe2f9d: Fix button stlyes for xs-button and storybook for all buttons

## 1.16.2

### Patch Changes

- 56e0a03: Fix the diabled state for the new richtext editor and pass the disabled prop to the component.

## 1.16.1

### Patch Changes

- 67b3c9a9: Add isSelected prop to the DropdownMenu.Item component and styles to show the selected state

## 1.16.0

### Minor Changes

- 0a74c738: The fix for the docs page is to revert addon-docs to version 7.0.0-beta.14. This specific version I get when run `pnpm i -D @storybook/addon-docs`. Every version after this would break the docs.

## 1.15.1

### Patch Changes

- 2af25c0: Add several new icons, like Dashabord, Pin, Search and PriceLists

## 1.15.0

### Minor Changes

- af5e94e1: Added custom variables for rich text editor padding. This will enable easy override from the consumer.

## 1.14.0

### Minor Changes

- 97f6c34: Clean up the visuals of the code block in rich text editor

## 1.13.2

### Patch Changes

- a86c6794: It was found that all of a sudden storybook build time increased significantly. The issue was isolated to update on the pnpm.lock file. Since a lot of packages changed the cause for the issue was not found. To fix this, the pnpm.lock file from before the issue was taken and packages that were changed after that were installed again. Thus the build time to back to just a few seconds.

## 1.13.1

### Patch Changes

- 1fb6f91: Fix typo in table actions menu

## 1.13.0

### Minor Changes

- a4273901: The rich text editor v2 now hides the toolbar if the _rendered size_ is too small, as opposed to the window size which it used previously.
- b593d15e: Moved all inlined Tailwind classes to their own classes.

## 1.12.0

### Minor Changes

- a47bba7: The rich text editor is now able to deal with more invalid initial states.

### Patch Changes

- a47bba7: Updated to Storybook 7.0.7

## 1.11.7

### Patch Changes

- 8157f4d3: Add disabled prop to the action-menu. Add new Bin, Mushroom and Unpublish icons and update the Edit icon SVG. Update Tag component styles to match the button styes.

## 1.11.6

### Patch Changes

- 671d8a3: Add two new icons: Check with circle and Copy with cloud

## 1.11.5

### Patch Changes

- f7cb015: Allow to pass a portal container, in order to attach the menu on the Dialog cases

## 1.11.4

### Patch Changes

- 1bb27da: Add portal component to the ActionMenu and data-testid property

## 1.11.3

### Patch Changes

- 7b69e70: Replace old colors classes with the proper ones

## 1.11.2

### Patch Changes

- 3cfc9ede: Upgrade tailwindcss to version 3.3.0

## 1.11.1

### Patch Changes

- 05f9beba: Add a new Info icon to design system.

## 1.11.0

### Minor Changes

- e621c3b: Rich text editor now supports passing translations, via `labelTranslations` as a prop.

## 1.10.0

### Minor Changes

- 99dbdae: Added support for multiple inline text formats on the same text. This will give you the following model back for a string that is both `strong` and `emphasized`:

  ```json
  {
    "kind": "inline",
    "type": "strong",
    "children": [
      {
        "kind": "inline",
        "type": "emphasized",
        "textContent": "Hello there!"
      }
    ]
  }
  ```

## 1.9.0

### Minor Changes

- dd3c347: Added h4, h5 and h6 for rich text editor

## 1.8.0

### Minor Changes

- 8cce8d3: Ensure that the JSON model conforms to the old editor behaviour, and wraps all code block nodes with a `preformatted` parent.
- a13e96ec: Fixed the table implementation.

## 1.7.0

### Minor Changes

- 6739bf9: Added "Copy JSON" action menu option. This will copy the JSON AST to the clipboard.

## 1.6.1

### Patch Changes

- 71e1f72: Bump verion to publish latest changes

## 1.6.0

### Minor Changes

- c4b5bea: Add product, document and fodler icons.

### Patch Changes

- f72ed3f9: Disabling the d&d options for the rich text editor (temporarily)

## 1.5.0

### Minor Changes

- 33ffefe: Add several new icons to the design system.

## 1.4.3

### Patch Changes

- 3917d9f: Move react and react-dom to peer dependencies

## 1.4.2

### Patch Changes

- 5eb4010: Scope all editor styles to the editor so they do not leak in the app.

## 1.4.1

### Patch Changes

- a289eea: Fix hover styles for disabled icon button. The styles will be applied only when the button is enabled.

## 1.4.0

### Minor Changes

- bab64fe: Added new component; RichText

## 1.3.2

### Patch Changes

- 0ce44e6: Export spinner component

## 1.3.1

### Patch Changes

- f9a2cf2: Allow to hide the cancel and ok buttons

  - rename okOk to displayOk
  - deprecated okCancel property

## 1.3.0

### Minor Changes

- 36f62b9: Update styles of the Select and InlineRadio components. Now both components support `size` prop, which matches the size of the Button.

## 1.2.3

### Patch Changes

- 0382a51: Don't allow action button to shrink
- 0382a51: Add elevate variant to icon button
- 0382a51: Add new icon: Add

## 1.2.2

### Patch Changes

- 117b6ec: Add several icons, like catalogue, topics, grids and others to the design system.
- 117b6ec: Add bunch of icons to the design system. The icons are mainly around the resources we have in the app, like catalogue, topics, grids, languages, etc.

## 1.2.1

### Patch Changes

- 37a0d64: Export tag and slider components

## 1.2.0

### Minor Changes

- 6e27d3fe: Add slider component

## 1.1.0

### Minor Changes

- d30d86d: Add tag component

## 1.0.1

### Patch Changes

- 5f455aa: Display crystallize branding

## 1.0.0

### Major Changes

- 261b3149: initial version of the design system with proper color definitions

### Patch Changes

- 261b3149: Adjust colors and components to use the new base colors

## 0.2.0

### Minor Changes

- c633209: Add new components
- c633209: Add progress component

### Patch Changes

- 150c5724: Remove unneeded clipPath elements from icons

## 0.1.0

### Minor Changes

- 2160666d: Replace clsx with cx from class-variance-authority

## 0.0.3

### Patch Changes

- d1c03a4: Update paragraph, image and video components to use the media component. Add container prop to the Dialog component.

## 0.0.2

### Patch Changes

- 742b7b00: Add collapse all chunks button and remove unused prop from ActionMenu

## 0.0.1

### Patch Changes

- 012f7c4: Add video on product variants and reuse images with lightbox for the app. Propagate dialog props to original component in the design system.
