update: separate components

.vscode/aiven.code-snippets

@@ -55,7 +55,7 @@
     "prefix": ["image", "console", "svg", "icon"],
     "description": "Insert an image as component. See https://aquarium-library.aiven.io/?path=/docs/data-display-icons--docs",
     "body": [
-      "import {ConsoleIcon} from \"@site/src/components/ConsoleIcons\"",
+      "import {ConsoleIcon} from \"@site/src/components/non-swizzled/ConsoleIcons\"",
       "",
       "<ConsoleIcon name=\"$1\"/> $2"
     ]
@@ -64,15 +64,15 @@
     "prefix": ["label", "console", "ui"],
     "description": "Insert a label with its icon. See https://aquarium-library.aiven.io/?path=/docs/data-display-icons--docs",
     "body": [
-      "import ConsoleLabel from \"@site/src/components/ConsoleIcons\"",
+      "import ConsoleLabel from \"@site/src/components/non-swizzled/ConsoleIcons\"",
       "",
       "<ConsoleLabel name=\"$1\"/> $2"
     ]
   },
   "Early availability badge": {
     "prefix": ["early availability", "badge", "ea"],
     "body": [
-      "import EarlyBadge from \"@site/src/components/Badges/EarlyBadge\";",
+      "import EarlyBadge from \"@site/src/components/non-swizzled/Badges/EarlyBadge\";",
       "",
       "<EarlyBadge/>",
       ""
@@ -81,23 +81,14 @@
   "Limited availability badge": {
     "prefix": ["limited availability", "badge", "la"],
     "body": [
-      "import LimitedBadge from \"@site/src/components/Badges/LimitedBadge\";",
+      "import LimitedBadge from \"@site/src/components/non-swizzled/Badges/LimitedBadge\";",
       "",
       "<LimitedBadge/>",
       ""
     ]
   },
-  "Pro-platform badge": {
-    "prefix": ["enterprise", "badge"],
-    "body": [
-      "import EnterpriseBadge from \"@site/src/components/Badges/EnterpriseBadge\";",
-      "",
-      "<EnterpriseBadge/>",
-      ""
-    ]
-  },
-  "Import reusable comp": {
-    "prefix": ["reuse", "import", "include"],
+  "Import snippet": {
+    "prefix": ["reuse", "import", "include", "snippet"],
     "body": [
       "import ${1:MySnippet} from \"@site/static/includes/$2\"",
       "",
@@ -172,10 +163,20 @@
     "scope": "markdown",
     "prefix": ["button", "cta"],
     "body": [
-      "import Button from \"@site/src/components/Buttons\";",
+      "import Button from \"@site/src/components/non-swizzled/Buttons\";",
       "",
       "<Button to=\"$1\">$2</Button>",
       ""
     ]
+  },
+  "Insert secondary button": {
+    "scope": "markdown",
+    "prefix": ["button", "secondary", "cta"],
+    "body": [
+      "import {ButtonSecondary} from \"@site/src/components/non-swizzled/Buttons\";",
+      "",
+      "<ButtonSecondary to=\"$1\">$2</Button>",
+      ""
+    ]
   }
 }

docs/get-started.md

@@ -3,11 +3,11 @@ title: Get started with Aiven
 sidebar_label: Get started
 ---
 
-import Button from "@site/src/components/Buttons";
-import {ButtonSecondary} from "@site/src/components/Buttons";
-import Card from "@site/src/components/AivenCard";
+import Button from "@site/src/components/non-swizzled/Buttons";
+import {ButtonSecondary} from "@site/src/components/non-swizzled/Buttons";
+import Card from "@site/src/components/non-swizzled/Card";
 import Overview from "@site/static/images/content/platform/platform-overview.png";
-import GridContainer from "@site/src/components/GridContainer";
+import GridContainer from "@site/src/components/non-swizzled/GridContainer";
 import Cassandra from "@site/static/images/logos/cassandra.svg";
 import ClickHouse from "@site/static/images/logos/clickhouse.svg";
 import Dragonfly from "@site/static/images/logos/dragonfly.svg";

docs/integrations/cloudlogging.md

@@ -2,7 +2,7 @@
 title: Google Cloud Logging
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 You can send your service logs to Google Cloud Logging to store, search, analyze, monitor, and alert on log data from your Aiven services.
 

docs/integrations/cloudwatch/cloudwatch-logs-console.md

@@ -2,7 +2,7 @@
 title: Send logs to AWS CloudWatch from Aiven Console
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 Send your Aiven service logs to the AWS CloudWatch using the [Aiven Console](https://console.aiven.io).
 

docs/integrations/cloudwatch/cloudwatch-metrics.md

@@ -2,7 +2,7 @@
 title: Send metrics to Amazon CloudWatch
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 Aiven enables you to send your service metrics to your [Amazon (AWS) CloudWatch](https://aws.amazon.com/cloudwatch/).
 

docs/integrations/datadog/datadog-logs.md

@@ -2,7 +2,7 @@
 title: Send logs to Datadog
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 Use the Aiven Rsyslog integration to send logs from your Aiven services to your external Datadog account.
 

docs/integrations/datadog/datadog-metrics.md

@@ -2,7 +2,7 @@
 title: Send metrics to Datadog
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 Send metrics from your Aiven service to your external Datadog account.
 

docs/integrations/send-logs-to-elasticsearch.md

@@ -3,7 +3,7 @@ title: Send logs to Elasticsearch®
 sidebar_label: Elasticsearch
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 You can store logs from one of your Aiven services in an external Elasticsearch service.
 

docs/platform/concepts/application-users.md

@@ -2,7 +2,7 @@
 title: Application users
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 An application user is a type of user that provides programmatic access to the Aiven platform and services through the [Aiven API](/docs/tools/api.md), [CLI](/docs/tools/), [Aiven Terraform Provider](/docs/tools/terraform.md), and [Aiven Kubernetes Operator](/docs/tools/kubernetes). They're intended for non-human users that need to access Aiven.
 

docs/platform/concepts/beta_services.md

@@ -2,9 +2,8 @@
 title: Service and feature releases
 ---
 
-import ProBadge from "@site/src/components/Badges/ProBadge";
-import LimitedBadge from "@site/src/components/Badges/LimitedBadge";
-import EarlyBadge from "@site/src/components/Badges/EarlyBadge";
+import LimitedBadge from "@site/src/components/non-swizzled/Badges/LimitedBadge";
+import EarlyBadge from "@site/src/components/non-swizzled/Badges/EarlyBadge";
 
 New services and features follow a release lifecycle that promotes quality by giving customers the chance to test them and provide feedback.
 

docs/platform/concepts/maintenance-window.md

@@ -2,7 +2,7 @@
 title: Service maintenance, updates and upgrades
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 Aiven applies some maintenance updates automatically and lets you decide when to apply major version upgrades.
 

docs/platform/concepts/managed-users.md

@@ -2,7 +2,7 @@
 title: Managed users
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 The managed users feature lets you centrally manage your organization's users and helps you to secure your organization in Aiven.
 

docs/platform/concepts/service-forking.md

@@ -5,7 +5,7 @@ title: Service forking
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 [Fork your Aiven service](/docs/platform/concepts/service-forking) to make a copy of the service, for example to create a snapshot to analyze an issue.
 

docs/platform/concepts/service-power-cycle.md

@@ -6,7 +6,7 @@ import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 import StaticIp from "@site/static/includes/static-ip-cost-warning.md";
 import AutoDelete from "@site/static/includes/auto-delete-poweredoff.md";
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 Controlling when to power on and off your Aiven services allows you to control the use of resources and save credits.
 Idle resources are released and only the necessary data is kept after a power-off.

docs/platform/concepts/service_backups.md

@@ -2,7 +2,7 @@
 title: Service backups
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 import AutoDelete from "@site/static/includes/auto-delete-poweredoff.md";
 import EditBackUpSchedule from "@site/static/includes/edit-backup-schedule.md"
 import Variables from "@site/static/variables.json"

docs/platform/concepts/tls-ssl-certificates.md

@@ -2,7 +2,7 @@
 title: TLS/SSL certificates
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 All traffic to Aiven services is always protected by TLS. It ensures that third parties can't eavesdrop or modify the data while in transit between Aiven services and the clients accessing them.
 

docs/platform/howto/add-storage-space.md

@@ -2,7 +2,7 @@
 title: Scale disk storage
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 

docs/platform/howto/btar/disable-backup-to-another-region.md

@@ -4,7 +4,7 @@ sidebar_label: Delete cross-region backup
 limited: true
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons";
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons";
 
 Delete an [additional service backup](/docs/platform/concepts/backup-to-another-region) [created](/docs/platform/howto/btar/enable-backup-to-another-region) in a region different from your primary backup region.
 

docs/platform/howto/btar/enable-backup-to-another-region.md

@@ -4,7 +4,7 @@ sidebar_label: Add cross-region backup
 limited: true
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 Enable [the backup to another region (BTAR) feature](/docs/platform/concepts/backup-to-another-region) and create an additional cross-region service backup on top of a regular backup stored in the region where your service is hosted.
 

docs/platform/howto/byoc/add-customer-info-custom-cloud.md

@@ -3,10 +3,10 @@ title: Manage customer contacts for a custom cloud
 sidebar_label: Update customer contacts
 ---
 
-import {ConsoleIcon} from "@site/src/components/ConsoleIcons"
+import {ConsoleIcon} from "@site/src/components/non-swizzled/ConsoleIcons"
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-import ConsoleLabel from "@site/src/components/ConsoleIcons";
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons";
 
 Update the list of customer contacts for your [custom cloud](/docs/platform/concepts/byoc).
 

docs/platform/howto/byoc/assign-project-custom-cloud.md

@@ -5,7 +5,7 @@ sidebar_label: Attach projects
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-import ConsoleLabel from "@site/src/components/ConsoleIcons";
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons";
 
 Select your organizations, units, or project that can access and use your [custom cloud](/docs/platform/concepts/byoc).
 

docs/platform/howto/byoc/create-custom-cloud/create-aws-custom-cloud.md

@@ -4,7 +4,7 @@ sidebar_label: Amazon Web Services
 keywords: [AWS, Amazon Web Services, byoc, bring your own cloud, custom cloud]
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons";
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons";
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 

docs/platform/howto/byoc/delete-custom-cloud.md

@@ -3,7 +3,7 @@ title: Delete a custom cloud
 sidebar_label: Delete custom clouds
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons";
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons";
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 

docs/platform/howto/byoc/download-infrastructure-template.md

@@ -4,7 +4,7 @@ sidebar_label: Download TF template & tfvars file
 keywords: [Terraform, deployment, deploy, byoc, bring your own cloud, custom cloud]
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons";
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons";
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 

docs/platform/howto/byoc/enable-byoc.md

@@ -3,7 +3,7 @@ title: Enable bring your own cloud (BYOC)
 sidebar_label: Enable BYOC
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons";
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons";
 
 Enabling [the bring your own cloud (BYOC) feature](/docs/platform/concepts/byoc) allows you to [create custom clouds](/docs/platform/howto/byoc/create-custom-cloud) in your Aiven organization.
 

docs/platform/howto/byoc/rename-custom-cloud.md

@@ -5,7 +5,7 @@ sidebar_label: Rename custom clouds
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-import ConsoleLabel from "@site/src/components/ConsoleIcons";
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons";
 
 Change the name of your [custom cloud](/docs/platform/concepts/byoc).
 

docs/platform/howto/byoc/tag-custom-cloud-resources.md

@@ -5,7 +5,7 @@ sidebar_label: Tag resources
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 Tagging allows resource categorization, which simplifies governance, cost allocation, and system performance review. Custom cloud tags propagate to resources on the Aiven platform and in your own cloud infrastructure.
 

docs/platform/howto/create_authentication_token.md

@@ -2,8 +2,8 @@
 title: Create personal tokens
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
-import {ConsoleIcon} from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
+import {ConsoleIcon} from "@site/src/components/non-swizzled/ConsoleIcons"
 
 Create personal token in the Aiven Console to use with the Aiven CLI or API.
 

docs/platform/howto/create_new_service_user.md

@@ -2,7 +2,7 @@
 title: Create service users
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 Service users are users that only exist in the scope of the corresponding Aiven service.
 They are unique to this service and not shared with any other services,

docs/platform/howto/disk-autoscaler.md

@@ -4,8 +4,8 @@ title: Scale disk storage automatically
 
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
-import {ConsoleIcon} from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
+import {ConsoleIcon} from "@site/src/components/non-swizzled/ConsoleIcons"
 
 <!-- vale off -->
 

docs/platform/howto/download-invoices.md

@@ -2,7 +2,7 @@
 title: Download invoices
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 You can download monthly invoices from the Aiven Console in PDF or CSV format.
 

docs/platform/howto/integrations/prometheus-metrics.md

@@ -2,7 +2,7 @@
 title: Use Prometheus with Aiven
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons";
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons";
 
 Discover Prometheus as a tool for monitoring your Aiven services. Check why use it and how it works. Learn how to enable and configure Prometheus on your project.
 

docs/platform/howto/list-monitoring.md

@@ -2,7 +2,7 @@
 title: Metrics, logs, and alerts
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 Use metrics, logs, alerts, and dashboards to monitor the health of your services and integrations.
 

docs/platform/howto/make-super-admin.md

@@ -2,7 +2,7 @@
 title: Super admin
 ---
 
-import ConsoleLabel from "@site/src/components/ConsoleIcons"
+import ConsoleLabel from "@site/src/components/non-swizzled/ConsoleIcons"
 
 The super admin role is a special role that has unrestricted access to an organization and all of its resources. This role should be limited to as few users as possible for organization setup and emergency use. For daily administrative tasks, assign users the [organization admin role](/docs/platform/concepts/permissions) instead. Aiven also highly recommends enabling [two-factor authentication](/docs/platform/howto/user-2fa) for super admin.