38b14628ba
## Description This PR addresses below release blockers 1. Toast UI seems broken Fixes https://github.com/appsmithorg/appsmith/issues/35274 ## Automation /ok-to-test tags="@tag.All" ### 🔍 Cypress test results <!-- This is an auto-generated comment: Cypress test results --> > [!TIP] > 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉 > Workflow run: <https://github.com/appsmithorg/appsmith/actions/runs/10159241062> > Commit: b772f12949a34fc5b7b4d838bf96dee911da8806 > <a href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=10159241062&attempt=1" target="_blank">Cypress dashboard</a>. > Tags: `@tag.All` > Spec: > <hr>Tue, 30 Jul 2024 09:45:47 UTC <!-- end of auto-generated comment: Cypress test results --> ## Communication Should the DevRel and Marketing teams inform users about this change? - [ ] Yes - [x] No <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **New Features** - Improved notification handling for file size errors in the FilePicker component. - Enhanced messaging functionality in the OneClickBinding saga for error and success notifications. - Updated event handling in the AppIcon component to accept a broader range of event types. - **Bug Fixes** - Updated notification method to ensure consistent user messaging across components. - **Chores** - Removed outdated Toast component from module exports to streamline imports. - Updated CSS import path for the current design system to improve styling consistency. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Valera Melnikov <valera@appsmith.com> |
||
|---|---|---|
| .. | ||
| src | ||
| .eslintrc.json | ||
| .prettierignore | ||
| CHANGELOG.md | ||
| Component-Migration-Checklist.md | ||
| CONTRIBUTING.md | ||
| create_story.sh | ||
| jest.config.js | ||
| jest.setup.ts | ||
| package.json | ||
| README.md | ||
| story_template.txt | ||
| tsconfig.json | ||
Appsmith Design System - old (deprecated)
UI Design system of Appsmith
Install
npm install @appsmith/design-system-old
or
yarn add @appsmithorg/design-system-old
Including CSS
Add css import in the root index css file
@import "~@appsmithorg/design-system-old/build/css/design-system-old.css";
Usage
import { TooltipComponent } from "@appsmithorg/design-system-old";
<TooltipComponent content="Some useful content 🤷🏽♂️">
Hover here 😁
</TooltipComponent>
Contribute
🚫 This package is closed for contributions. We welcome contributions to the
design-systempackage.
git clone https://github.com/appsmithorg/design-system.git
Get all dependencies with
cd design-system/packages/design-system-old
yarn install
Then run storybook in development and watch mode with
yarn run design-system:storybook
Any stories you write within design-system/packages/design-system-old/src/** will show up here.
To use your local version of the package, run
yarn link
in this repository, then copy instruction it outputs into the root directory of the repository you want to use this package in. Run
yarn install
again to be able to import the components using
import { TooltipComponent } from "@appsmithorg/design-system-old";
Create story template
yarn create-story -f <folder-name>
'folder-name' is the folder which holds the component which the story template is being created. This should be under 'src' folder.
Happy playground testing!