chore: atoms and docs update (#19137)

* hide docs for old google connect endpoint

* update docs for atoms

* fix css styles for week view

* update v2 reference

* add dutch translations in cal provider

* fix: add nl i18n in BaseCalProvider

---------

Co-authored-by: Morgan Vernay <morgan@cal.com>

packages/platform/atoms/cal-provider/BaseCalProvider.tsx

@@ -7,6 +7,7 @@ import deTranslations from "@calcom/web/public/static/locales/de/common.json";
 import enTranslations from "@calcom/web/public/static/locales/en/common.json";
 import esTranslations from "@calcom/web/public/static/locales/es/common.json";
 import frTranslations from "@calcom/web/public/static/locales/fr/common.json";
+import nlTranslations from "@calcom/web/public/static/locales/nl/common.json";
 import ptBrTranslations from "@calcom/web/public/static/locales/pt-BR/common.json";
 
 import { AtomsContext } from "../hooks/useAtomsContext";
@@ -27,6 +28,7 @@ import type {
   ptBrTranslationKeys,
   deTranslationKeys,
   esTranslationKeys,
+  nlTranslationKeys,
 } from "./CalProvider";
 
 export function BaseCalProvider({
@@ -208,6 +210,8 @@ function getTranslation(key: string, language: CalProviderLanguagesType) {
       return deTranslations[key as deTranslationKeys];
     case "es":
       return esTranslations[key as esTranslationKeys];
+    case "nl":
+      return nlTranslations[key as nlTranslationKeys];
     default:
       return enTranslations[key as enTranslationKeys];
   }

packages/platform/atoms/cal-provider/CalProvider.tsx

@@ -9,6 +9,7 @@ import type deTranslations from "@calcom/web/public/static/locales/de/common.jso
 import type enTranslations from "@calcom/web/public/static/locales/en/common.json";
 import type esTranslations from "@calcom/web/public/static/locales/es/common.json";
 import type frTranslations from "@calcom/web/public/static/locales/fr/common.json";
+import type nlTranslations from "@calcom/web/public/static/locales/nl/common.json";
 import type ptBrTranslations from "@calcom/web/public/static/locales/pt-BR/common.json";
 
 import http from "../lib/http";
@@ -19,19 +20,22 @@ export type frTranslationKeys = keyof typeof frTranslations;
 export type deTranslationKeys = keyof typeof deTranslations;
 export type esTranslationKeys = keyof typeof esTranslations;
 export type ptBrTranslationKeys = keyof typeof ptBrTranslations;
+export type nlTranslationKeys = keyof typeof nlTranslations;
 export type translationKeys =
   | enTranslationKeys
   | frTranslationKeys
   | deTranslationKeys
   | esTranslationKeys
-  | ptBrTranslationKeys;
+  | ptBrTranslationKeys
+  | nlTranslationKeys;
 
 const FR = "fr";
 export const EN = "en";
 const PT_BR = "pt-BR";
 const DE = "de";
 const ES = "es";
-export const CAL_PROVIDER_LANGUAUES = [FR, EN, PT_BR, DE, ES] as const;
+const NL = "nl";
+export const CAL_PROVIDER_LANGUAUES = [FR, EN, PT_BR, DE, ES, NL] as const;
 export type CalProviderLanguagesType = (typeof CAL_PROVIDER_LANGUAUES)[number];
 
 const queryClient = new QueryClient();
@@ -61,7 +65,12 @@ type i18nEsProps = {
   language?: "es";
 };
 
-export type i18nProps = i18nFrProps | i18nEnProps | i18nPtBrProps | i18nDeProps | i18nEsProps;
+type i18nNlProps = {
+  labels?: Partial<Record<nlTranslationKeys, string>>;
+  language?: "nl";
+};
+
+export type i18nProps = i18nFrProps | i18nEnProps | i18nPtBrProps | i18nDeProps | i18nEsProps | i18nNlProps;
 
 export type CalProviderProps = {
   children?: ReactNode;

packages/platform/atoms/globals.css

@@ -13182,19 +13182,19 @@ select {
   --calendar-dates-sticky-offset:66px
 }
 
-.\[--disabled-gradient-background\: \#E5E7EB\] {
+.\[--disabled-gradient-background\:\#E5E7EB\] {
   --disabled-gradient-background:#e5e7eb
 }
 
-.\[--disabled-gradient-background\: \#F8F9FB\] {
+.\[--disabled-gradient-background\:\#F8F9FB\] {
   --disabled-gradient-background:#f8f9fb
 }
 
-.\[--disabled-gradient-foreground\: \#D1D5DB\] {
+.\[--disabled-gradient-foreground\:\#D1D5DB\] {
   --disabled-gradient-foreground:#d1d5db
 }
 
-.\[--disabled-gradient-foreground\: \#E6E7EB\] {
+.\[--disabled-gradient-foreground\:\#E6E7EB\] {
   --disabled-gradient-foreground:#e6e7eb
 }