From a81e35bc3e2890e9b4b0c8dcb279b288391d3c4f Mon Sep 17 00:00:00 2001 From: Khuda Dad Nomani <32505158+KhudaDad414@users.noreply.github.com> Date: Thu, 2 Nov 2023 15:37:22 +0000 Subject: [PATCH 1/2] [ADR-0005] support component styling with tailwind css in design system (#823) Co-authored-by: samz --- doc/adr/0005-use-tailwind-in-design-system.md | 24 +++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 doc/adr/0005-use-tailwind-in-design-system.md diff --git a/doc/adr/0005-use-tailwind-in-design-system.md b/doc/adr/0005-use-tailwind-in-design-system.md new file mode 100644 index 000000000..8f059955b --- /dev/null +++ b/doc/adr/0005-use-tailwind-in-design-system.md @@ -0,0 +1,24 @@ +# 5. Integrate Tailwind CSS into Design System for Styling + +Date: 2023-10-24 + +## Status + +Accepted + +## Context + +As of now, the design system doesn't provide a way to style components. +All of the styling has to be done in the `ui` package. why do we want to styling in design system? +Well, if we want to showcase how [Organisms](https://atomicdesign.bradfrost.com/chapter-2/#organisms) like Forms behave we need some basic styling support in design system as well. +The studio is already planning to use Tailwind CSS for its UI, making it a logical choice to consider Tailwind for the design system as well. + +## Decision + +We propose to integrate Tailwind CSS into our design system. This will allow us to use the tailwind utility classes in our design system as well, such as Forms. + +## Consequences + +- Tailwind utility classes will be usable in design system. +- Another tool (`concurently`) have to be used to run storybook and tailwind css side by side. +- design system will be more complex and harder to understand for newcomers. From 6a7d3673087dddddd434af5be02c21127e6e7763 Mon Sep 17 00:00:00 2001 From: asyncapi-bot Date: Thu, 2 Nov 2023 18:31:06 +0100 Subject: [PATCH 2/2] chore: update @asyncapi/go-watermill-template to 0.2.44 version (#839) --- apps/studio/package.json | 2 +- package-lock.json | 72 ++++++++++++++++++++-------------------- 2 files changed, 37 insertions(+), 37 deletions(-) diff --git a/apps/studio/package.json b/apps/studio/package.json index 3a1867f88..a13b4dd32 100644 --- a/apps/studio/package.json +++ b/apps/studio/package.json @@ -75,7 +75,7 @@ }, "devDependencies": { "@asyncapi/dotnet-nats-template": "^0.12.1", - "@asyncapi/go-watermill-template": "^0.2.43", + "@asyncapi/go-watermill-template": "^0.2.44", "@asyncapi/html-template": "^0.28.4", "@asyncapi/java-spring-cloud-stream-template": "^0.13.4", "@asyncapi/java-spring-template": "^1.4.0", diff --git a/package-lock.json b/package-lock.json index 67a5e5100..909848eac 100644 --- a/package-lock.json +++ b/package-lock.json @@ -522,7 +522,7 @@ }, "devDependencies": { "@asyncapi/dotnet-nats-template": "^0.12.1", - "@asyncapi/go-watermill-template": "^0.2.43", + "@asyncapi/go-watermill-template": "^0.2.44", "@asyncapi/html-template": "^0.28.4", "@asyncapi/java-spring-cloud-stream-template": "^0.13.4", "@asyncapi/java-spring-template": "^1.4.0", @@ -1184,21 +1184,21 @@ } }, "node_modules/@asyncapi/go-watermill-template": { - "version": "0.2.43", - "resolved": "https://registry.npmjs.org/@asyncapi/go-watermill-template/-/go-watermill-template-0.2.43.tgz", - "integrity": "sha512-lV4O/wTXShZN1jCnH8jpAbVWp7fdNrNDaiGK8wd4Haw2nHbKVKOdCFVmhi0Ufn6tclTM164Vf9sXHmQ/u7/eyw==", + "version": "0.2.44", + "resolved": "https://registry.npmjs.org/@asyncapi/go-watermill-template/-/go-watermill-template-0.2.44.tgz", + "integrity": "sha512-aDlpfW64eev8a+EesyRi4sT/XnsWsrqxEO3svDU/i/tfyB88gPX9l+hgdPWE3CzkHhrufk6XEIdkdj0W2MckZQ==", "dev": true, "dependencies": { "@asyncapi/generator-filters": "^2.0.0", "@asyncapi/generator-hooks": "^0.1.0", "@asyncapi/generator-react-sdk": "^0.2.23", - "@asyncapi/modelina": "^2.0.1" + "@asyncapi/modelina": "^2.0.2" } }, "node_modules/@asyncapi/go-watermill-template/node_modules/@asyncapi/modelina": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@asyncapi/modelina/-/modelina-2.0.1.tgz", - "integrity": "sha512-ypXgAh4D5nIhoLoKPTnI/qBSoWo9aG28+ONOyZN29j68JswAoMeEm7ga9HGIQ+J+j4LmcojuJlttO83m4SJTZg==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/@asyncapi/modelina/-/modelina-2.0.2.tgz", + "integrity": "sha512-5sI21s8ZyBQhJvc8TdLNj3Z1LDFUvEUUTDCTi7nwSGbBfumRTYCqvX3YcNuMHsACo4bNQPrcFKyzAhiXUWYCIA==", "dev": true, "dependencies": { "@apidevtools/json-schema-ref-parser": "^9.0.9", @@ -1234,12 +1234,12 @@ } }, "node_modules/@asyncapi/go-watermill-template/node_modules/@types/node": { - "version": "20.8.7", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.7.tgz", - "integrity": "sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==", + "version": "20.8.10", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.10.tgz", + "integrity": "sha512-TlgT8JntpcbmKUFzjhsyhGfP2fsiz1Mv56im6enJ905xG1DAYesxJaeSbGqQmAw8OWPdhyJGhGSQGKRNJ45u9w==", "dev": true, "dependencies": { - "undici-types": "~5.25.1" + "undici-types": "~5.26.4" } }, "node_modules/@asyncapi/html-template": { @@ -32473,9 +32473,9 @@ } }, "node_modules/typescript-json-schema/node_modules/@types/node": { - "version": "16.18.59", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.59.tgz", - "integrity": "sha512-PJ1w2cNeKUEdey4LiPra0ZuxZFOGvetswE8qHRriV/sUkL5Al4tTmPV9D2+Y/TPIxTHHgxTfRjZVKWhPw/ORhQ==", + "version": "16.18.60", + "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.60.tgz", + "integrity": "sha512-ZUGPWx5vKfN+G2/yN7pcSNLkIkXEvlwNaJEd4e0ppX7W2S8XAkdc/37hM4OUNJB9sa0p12AOvGvxL4JCPiz9DA==", "dev": true }, "node_modules/typescript-json-schema/node_modules/cliui": { @@ -32591,9 +32591,9 @@ } }, "node_modules/undici-types": { - "version": "5.25.3", - "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz", - "integrity": "sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==", + "version": "5.26.5", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", + "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==", "dev": true }, "node_modules/unfetch": { @@ -34794,21 +34794,21 @@ } }, "@asyncapi/go-watermill-template": { - "version": "0.2.43", - "resolved": "https://registry.npmjs.org/@asyncapi/go-watermill-template/-/go-watermill-template-0.2.43.tgz", - "integrity": "sha512-lV4O/wTXShZN1jCnH8jpAbVWp7fdNrNDaiGK8wd4Haw2nHbKVKOdCFVmhi0Ufn6tclTM164Vf9sXHmQ/u7/eyw==", + "version": "0.2.44", + "resolved": "https://registry.npmjs.org/@asyncapi/go-watermill-template/-/go-watermill-template-0.2.44.tgz", + "integrity": "sha512-aDlpfW64eev8a+EesyRi4sT/XnsWsrqxEO3svDU/i/tfyB88gPX9l+hgdPWE3CzkHhrufk6XEIdkdj0W2MckZQ==", "dev": true, "requires": { "@asyncapi/generator-filters": "^2.0.0", "@asyncapi/generator-hooks": "^0.1.0", "@asyncapi/generator-react-sdk": "^0.2.23", - "@asyncapi/modelina": "^2.0.1" + "@asyncapi/modelina": "^2.0.2" }, "dependencies": { "@asyncapi/modelina": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/@asyncapi/modelina/-/modelina-2.0.1.tgz", - "integrity": "sha512-ypXgAh4D5nIhoLoKPTnI/qBSoWo9aG28+ONOyZN29j68JswAoMeEm7ga9HGIQ+J+j4LmcojuJlttO83m4SJTZg==", + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/@asyncapi/modelina/-/modelina-2.0.2.tgz", + "integrity": "sha512-5sI21s8ZyBQhJvc8TdLNj3Z1LDFUvEUUTDCTi7nwSGbBfumRTYCqvX3YcNuMHsACo4bNQPrcFKyzAhiXUWYCIA==", "dev": true, "requires": { "@apidevtools/json-schema-ref-parser": "^9.0.9", @@ -34841,12 +34841,12 @@ } }, "@types/node": { - "version": "20.8.7", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.7.tgz", - "integrity": "sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==", + "version": "20.8.10", + "resolved": "https://registry.npmjs.org/@types/node/-/node-20.8.10.tgz", + "integrity": "sha512-TlgT8JntpcbmKUFzjhsyhGfP2fsiz1Mv56im6enJ905xG1DAYesxJaeSbGqQmAw8OWPdhyJGhGSQGKRNJ45u9w==", "dev": true, "requires": { - "undici-types": "~5.25.1" + "undici-types": "~5.26.4" } } } @@ -35403,7 +35403,7 @@ "@asyncapi/avro-schema-parser": "^3.0.2", "@asyncapi/converter": "^1.3.1", "@asyncapi/dotnet-nats-template": "^0.12.1", - "@asyncapi/go-watermill-template": "^0.2.43", + "@asyncapi/go-watermill-template": "^0.2.44", "@asyncapi/html-template": "^0.28.4", "@asyncapi/java-spring-cloud-stream-template": "^0.13.4", "@asyncapi/java-spring-template": "^1.4.0", @@ -55553,9 +55553,9 @@ }, "dependencies": { "@types/node": { - "version": "16.18.59", - "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.59.tgz", - "integrity": "sha512-PJ1w2cNeKUEdey4LiPra0ZuxZFOGvetswE8qHRriV/sUkL5Al4tTmPV9D2+Y/TPIxTHHgxTfRjZVKWhPw/ORhQ==", + "version": "16.18.60", + "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.60.tgz", + "integrity": "sha512-ZUGPWx5vKfN+G2/yN7pcSNLkIkXEvlwNaJEd4e0ppX7W2S8XAkdc/37hM4OUNJB9sa0p12AOvGvxL4JCPiz9DA==", "dev": true }, "cliui": { @@ -55635,9 +55635,9 @@ } }, "undici-types": { - "version": "5.25.3", - "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.25.3.tgz", - "integrity": "sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==", + "version": "5.26.5", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", + "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==", "dev": true }, "unfetch": {