Merge branch 'master' into form-component

.changeset/fluffy-plums-mix.md

@@ -0,0 +1,7 @@
+---
+"@asyncapi/studio-ui": minor
+---
+
+- Added AppCard component.
+- change the dark background color of the design system.
+- Modified InfoBadges so it exports Info type.

CODEOWNERS

@@ -6,4 +6,7 @@
 
 # The default owners are automatically added as reviewers when you open a pull request unless different owners are specified in the file.
 
-* @fmvilas @boyney123 @mcturco @magicmatatjahu @KhudaDad414 @Amzani @asyncapi-bot-eve
+* @fmvilas @boyney123 @mcturco @magicmatatjahu @KhudaDad414 @Amzani @asyncapi-bot-eve
+
+apps/design-system/ @fmvilas @mcturco @KhudaDad414 @Amzani @princerajpoot20
+packages/ui/ @fmvilas @mcturco @KhudaDad414 @Amzani @princerajpoot20

apps/design-system/.storybook/preview.js

@@ -2,6 +2,12 @@ import '@asyncapi/studio-ui/styles.css'
 import '../src/styles/tailwind.output.css'
 
 export const parameters = {
+  backgrounds: {
+    values: [
+      { name: 'light', value: '#ffffff' },
+      { name: 'dark', value: '#0F172A' },
+    ],
+  },
   actions: { argTypesRegex: "^on[A-Z].*" },
   backgrounds: {
     default: 'dark',

apps/design-system/src/components/AppCard.stories.tsx

@@ -0,0 +1,26 @@
+import { StoryObj, Meta } from '@storybook/react'
+
+import { AppCard } from '@asyncapi/studio-ui'
+
+const meta: Meta<typeof AppCard> = {
+  component: AppCard,
+  parameters: {
+    layout: 'centered',
+    backgrounds: {
+      default: 'dark'
+    }
+  },
+}
+
+export default meta
+type Story = StoryObj<typeof AppCard>
+export const CodeEditor: Story = {
+  args: {
+    isActive: true,
+    name: 'User Registration',
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque posuere fermentum urna, eu condimentum mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque posuere fermentum urna, eucondimentum mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque posuere fermentumurna, eu condimentum mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque posuerefermentum urna, eu condimentum maur",
+    badges: ['http', 'kafka', 'websocket'],
+    isServer: true,
+    isClient: false
+  },
+}

apps/studio-next/package.json

@@ -15,7 +15,7 @@
     "autoprefixer": "10.4.14",
     "eslint": "8.46.0",
     "eslint-config-next": "13.4.12",
-    "next": "13.4.12",
+    "next": "13.5.1",
     "postcss": "8.4.31",
     "react": "18.2.0",
     "react-dom": "18.2.0",

apps/studio/package.json

@@ -23,12 +23,12 @@
     "./LICENSE"
   ],
   "dependencies": {
-    "@asyncapi/avro-schema-parser": "^3.0.5",
-    "@asyncapi/converter": "^1.4.2",
+    "@asyncapi/avro-schema-parser": "^3.0.6",
+    "@asyncapi/converter": "^1.4.4",
     "@asyncapi/openapi-schema-parser": "^3.0.4",
-    "@asyncapi/parser": "^3.0.0-next-major-spec.12",
+    "@asyncapi/parser": "^3.0.0",
     "@asyncapi/react-component": "^1.2.2",
-    "@asyncapi/specs": "^6.0.0-next-major-spec.6",
+    "@asyncapi/specs": "^6.0.0",
     "@ebay/nice-modal-react": "^1.2.10",
     "@headlessui/react": "^1.7.4",
     "@hookstate/core": "^4.0.0-rc21",
@@ -75,12 +75,12 @@
   },
   "devDependencies": {
     "@asyncapi/dotnet-nats-template": "^0.12.1",
-    "@asyncapi/go-watermill-template": "^0.2.46",
-    "@asyncapi/html-template": "^1.0.0",
+    "@asyncapi/go-watermill-template": "^0.2.47",
+    "@asyncapi/html-template": "^2.0.0",
     "@asyncapi/java-spring-cloud-stream-template": "^0.13.4",
     "@asyncapi/java-spring-template": "^1.4.0",
     "@asyncapi/java-template": "^0.2.1",
-    "@asyncapi/markdown-template": "^1.4.0",
+    "@asyncapi/markdown-template": "^1.5.0",
     "@asyncapi/nodejs-template": "^1.0.0",
     "@asyncapi/nodejs-ws-template": "^0.9.33",
     "@asyncapi/python-paho-template": "^0.2.13",