Files
webstudio/packages/design-system/package.json
T
Ivan Starkov 228122f087 feat: Toasts redesign (#3662)
## Description

Based on
https://www.figma.com/design/sfCE7iLS0k25qCxiifQNLE/%F0%9F%93%9A-Webstudio-Library?node-id=2-4053&m=dev

<img width="363" alt="image"
src="https://github.com/webstudio-is/webstudio/assets/5077042/75bf0aa7-10f2-4e50-934b-66e8412bafb6">


<img width="376" alt="image"
src="https://github.com/webstudio-is/webstudio/assets/5077042/9c073f66-a48d-47f6-9bd0-f85b39219f76">




## Steps for reproduction

Open toast in storybook
https://6382151c8b47d4399fb9fc69-qhzlpxqpli.chromatic.com/?path=/story/design-system-library-toast--in-action,
or somehow cause error  or

run in dev console
```
window.__webstudio__$__builderApi.toast.success("dsdnsdnsmnd,smndm,sndm,snd sdm sdnsmndm,sndms d,m dsd sd d sds dsdsd sdsd sdsd s dsd s sdds", { icon: "🙂" });

window.__webstudio__$__builderApi.toast.success("dsdnsdnsmnd,smndm,sndm,snd sdm sdnsmndm,sndms d,m dsd sd d sds ds", { icon: "🙂" });
```


## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
5de6)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env` file
2024-07-04 07:03:33 +03:00

80 lines
2.7 KiB
JSON

{
"name": "@webstudio-is/design-system",
"version": "0.0.0",
"description": "Webstudio Design System",
"author": "Webstudio <github@webstudio.is>",
"homepage": "https://webstudio.is",
"type": "module",
"scripts": {
"build-figma-tokens": "tsx ./bin/transform-figma-tokens.ts",
"typecheck": "tsc",
"test": "NODE_OPTIONS=--experimental-vm-modules jest"
},
"devDependencies": {
"@jest/globals": "^29.7.0",
"@testing-library/react-hooks": "^8.0.1",
"@types/react": "^18.2.70",
"@types/react-dom": "^18.2.25",
"@webstudio-is/jest-config": "workspace:*",
"@webstudio-is/tsconfig": "workspace:*",
"@webstudio-is/image": "workspace:*",
"react": "18.3.0-canary-14898b6a9-20240318",
"react-dom": "18.3.0-canary-14898b6a9-20240318",
"typescript": "5.5.2",
"zod": "^3.22.4"
},
"peerDependencies": {
"react": "18.3.0-canary-14898b6a9-20240318",
"react-dom": "18.3.0-canary-14898b6a9-20240318"
},
"dependencies": {
"@floating-ui/dom": "^1.6.5",
"@radix-ui/colors": "^3.0.0",
"@radix-ui/react-accessible-icon": "^1.0.3",
"@radix-ui/react-avatar": "^1.0.4",
"@radix-ui/react-checkbox": "^1.0.4",
"@radix-ui/react-collapsible": "^1.0.3",
"@radix-ui/react-dialog": "^1.0.5",
"@radix-ui/react-dropdown-menu": "^2.0.6",
"@radix-ui/react-id": "^1.0.1",
"@radix-ui/react-label": "^2.0.2",
"@radix-ui/react-popover": "^1.0.7",
"@radix-ui/react-popper": "^1.1.3",
"@radix-ui/react-portal": "^1.0.4",
"@radix-ui/react-progress": "^1.0.3",
"@radix-ui/react-radio-group": "^1.1.3",
"@radix-ui/react-scroll-area": "^1.0.5",
"@radix-ui/react-select": "^2.0.0",
"@radix-ui/react-separator": "^1.0.3",
"@radix-ui/react-slot": "^1.0.2",
"@radix-ui/react-switch": "^1.0.3",
"@radix-ui/react-tabs": "^1.0.4",
"@radix-ui/react-toast": "^1.1.5",
"@radix-ui/react-toggle": "^1.0.3",
"@radix-ui/react-toggle-group": "^1.0.4",
"@radix-ui/react-toolbar": "^1.0.4",
"@radix-ui/react-tooltip": "^1.0.7",
"@radix-ui/react-use-controllable-state": "^1.0.1",
"@react-aria/focus": "^3.14.2",
"@react-aria/interactions": "^3.19.0",
"@react-aria/utils": "^3.21.0",
"@stitches/react": "1.3.1-1",
"@webstudio-is/icons": "workspace:*",
"change-case": "^5.4.4",
"downshift": "^6.1.7",
"immer": "^10.0.3",
"match-sorter": "^6.3.1",
"react-field-sizing-content": "^1.0.0",
"react-hot-toast": "^2.4.1",
"token-transformer": "^0.0.28",
"use-debounce": "^9.0.4",
"warn-once": "^0.1.1"
},
"exports": {
"webstudio": "./src/index.ts"
},
"license": "AGPL-3.0-or-later",
"private": true,
"sideEffects": false
}