Welcome to Cal.com UI
-This is the beginning of our storybook improvements to match Figma as close as possible. Like our Figma library, we will be adding more components as we go along.
-Our Figma library is avalible for anyone to view and use. If you have any questions or concerns, please reach out to the design team.
+
+
-Welcome to Cal.com UI
++ This is the beginning of our storybook improvements to match Figma as close as possible. Like our Figma + library, we will be adding more components as we go along. +
++ Our{" "} + + Figma + {" "} + library is avalible for anyone to view and use. If you have any questions or concerns, please reach out to + the design team. +
\ No newline at end of file
+
diff --git a/apps/storybook/styles/storybook-styles.css b/apps/storybook/styles/storybook-styles.css
index 6f6752ea2f7948..2f188d1668612d 100644
--- a/apps/storybook/styles/storybook-styles.css
+++ b/apps/storybook/styles/storybook-styles.css
@@ -1,8 +1,8 @@
@import url("../../../packages/features/calendars/weeklyview/styles/styles.css");
.sbdocs {
- font-family: 'Inter var' !important;
- padding: 0!important;
+ font-family: "Inter var" !important;
+ padding: 0 !important;
}
#docs-root {
@@ -21,8 +21,8 @@
font-weight: 500;
border: none;
border-top: 2px solid rgba(0, 0, 0, 0.12);
- padding-top: 12px!important;
- padding-bottom: 12px!important;
+ padding-top: 12px !important;
+ padding-bottom: 12px !important;
margin: 82px 0 0 0;
}
@@ -37,7 +37,7 @@
}
/** Docs table **/
-.custom-args-wrapper{
+.custom-args-wrapper {
max-height: 400px;
overflow-y: scroll;
overflow-x: hidden;
@@ -45,7 +45,7 @@
}
.docblock-argstable-body {
- box-shadow: none!important;
+ box-shadow: none !important;
font-size: 14px;
}
@@ -64,7 +64,7 @@
.docblock-argstable-body div p,
.docblock-argstable-body div span {
- color: #8F8F8F !important;
+ color: #8f8f8f !important;
}
/** Custom components **/
@@ -83,8 +83,8 @@
}
.story-title h1 span {
- color: #9CA3AF;
- font-family: 'Inter var';
+ color: #9ca3af;
+ font-family: "Inter var";
font-weight: normal;
display: inline-block;
margin-left: 8px;
@@ -96,7 +96,7 @@
}
.examples {
- background-color: #F9FAFB;
+ background-color: #f9fafb;
padding: 20px;
display: flex;
flex-direction: column;
@@ -111,14 +111,14 @@
}
.examples-title {
- color: #8F8F8F;
+ color: #8f8f8f;
font-size: 14px;
margin-bottom: 30px;
}
.examples-item-title {
font-size: 12px;
- color: #8F8F8F;
+ color: #8f8f8f;
margin-bottom: 12px;
display: block;
}
@@ -130,7 +130,7 @@
.examples-footnote p,
.examples-footnote ul,
.examples-footnote li {
- color: #8F8F8F;
+ color: #8f8f8f;
font-size: 14px;
}
@@ -139,11 +139,11 @@
}
.examples-footnote li {
- margin: 0!important;
+ margin: 0 !important;
}
.story-note {
- background-color: #F9FAFB;
+ background-color: #f9fafb;
font-size: 14px;
padding: 20px;
margin-bottom: 12px;
@@ -161,12 +161,12 @@
box-shadow: none !important;
margin: 0 !important;
border: none !important;
- border-radius: none!important;
+ border-radius: none !important;
}
.docs-story > div:first-child {
- padding: 0!important;
- margin: 0!important;
+ padding: 0 !important;
+ margin: 0 !important;
}
.docs-story .innerZoomElementWrapper > div {
@@ -174,7 +174,7 @@
}
.sb-main-padded {
- padding: 0!important;
+ padding: 0 !important;
}
@media screen and (max-width: 1200px) {
@@ -198,74 +198,72 @@
:root {
/* background */
- --cal-bg-emphasis: #E5E7EB;
+ --cal-bg-emphasis: #e5e7eb;
--cal-bg: white;
- --cal-bg-subtle: #F3F4F6;
- --cal-bg-muted: #F9FAFB;
+ --cal-bg-subtle: #f3f4f6;
+ --cal-bg-muted: #f9fafb;
--cal-bg-inverted: #111827;
/* background -> components*/
- --cal-bg-info: #DEE9FC;
- --cal-bg-success: #E2FBE8;
- --cal-bg-attention: #FCEED8;
- --cal-bg-error: #F9E3E2;
+ --cal-bg-info: #dee9fc;
+ --cal-bg-success: #e2fbe8;
+ --cal-bg-attention: #fceed8;
+ --cal-bg-error: #f9e3e2;
--cal-bg-dark-error: #752522;
-
/* Borders */
- --cal-border-emphasis:#9CA3AF;
- --cal-border: #D1D5DB;
- --cal-border-subtle:#E5E7EB;
- --cal-border-muted:#F3F4F6;
+ --cal-border-emphasis: #9ca3af;
+ --cal-border: #d1d5db;
+ --cal-border-subtle: #e5e7eb;
+ --cal-border-muted: #f3f4f6;
--cal-border-error: #aa2e26;
/* Content/Text */
--cal-text-emphasis: #111827;
- --cal-text:#374151;
- --cal-text-subtle:#6B7280;
- --cal-text-muted:#9CA3AF;
- --cal-text-inverted:white;
+ --cal-text: #374151;
+ --cal-text-subtle: #6b7280;
+ --cal-text-muted: #9ca3af;
+ --cal-text-inverted: white;
/* Content/Text -> components */
- --cal-text-info:#253985;
- --cal-text-success:#285231;
- --cal-text-attention:#73321B;
- --cal-text-error:#752522;
+ --cal-text-info: #253985;
+ --cal-text-success: #285231;
+ --cal-text-attention: #73321b;
+ --cal-text-error: #752522;
/* Brand shinanigans
-> These will be computed for the users theme at runtime.
*/
- --cal-brand:#111827;
- --cal-brand-emphasis:#101010;
+ --cal-brand: #111827;
+ --cal-brand-emphasis: #101010;
--cal-brand-text: white;
}
.dark {
/* background */
- --cal-bg-emphasis: #2B2B2B;
+ --cal-bg-emphasis: #2b2b2b;
--cal-bg: #101010;
- --cal-bg-subtle: #2B2B2B;
- --cal-bg-muted: #1C1C1C;
- --cal-bg-inverted: #F3F4F6;
+ --cal-bg-subtle: #2b2b2b;
+ --cal-bg-muted: #1c1c1c;
+ --cal-bg-inverted: #f3f4f6;
/* background -> components*/
- --cal-bg-info: #DEE9FC;
- --cal-bg-success: #E2FBE8;
- --cal-bg-attention: #FCEED8;
- --cal-bg-error: #F9E3E2;
+ --cal-bg-info: #dee9fc;
+ --cal-bg-success: #e2fbe8;
+ --cal-bg-attention: #fceed8;
+ --cal-bg-error: #f9e3e2;
--cal-bg-dark-error: #752522;
-
/* Borders */
--cal-border-emphasis: #575757;
--cal-border: #444444;
- --cal-border-subtle: #2B2B2B;
- --cal-border-muted: #1C1C1C;
+ --cal-border-subtle: #2b2b2b;
+ --cal-border-muted: #1c1c1c;
--cal-border-error: #aa2e26;
/* Content/Text */
- --cal-text-emphasis: #F3F4F6;
- --cal-text: #D6D6D6;
+ --cal-text-emphasis: #f3f4f6;
+ --cal-text: #d6d6d6;
--cal-text-subtle: #757575;
--cal-text-muted: #575757;
--cal-text-inverted: #101010;
@@ -273,7 +271,7 @@
/* Content/Text -> components */
--cal-text-info: #253985;
--cal-text-success: #285231;
- --cal-text-attention: #73321B;
+ --cal-text-attention: #73321b;
--cal-text-error: #752522;
/* Brand shenanigans
diff --git a/apps/swagger/styles/globals.css b/apps/swagger/styles/globals.css
index 52d33738c5ee8c..f89757a3f91371 100644
--- a/apps/swagger/styles/globals.css
+++ b/apps/swagger/styles/globals.css
@@ -2,8 +2,8 @@ html,
body {
padding: 0;
margin: 0;
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
- Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans,
+ Droid Sans, Helvetica Neue, sans-serif;
}
a {
@@ -21,7 +21,7 @@ a {
}
.swagger-ui .opblock .opblock-summary {
display: grid;
- flex-direction: column;
+ flex-direction: column;
}
.opblock-summary-path {
flex-shrink: 0;
@@ -43,22 +43,22 @@ a {
font-size: 22px;
}
.swagger-ui .scheme-container {
- padding: 14px 0;
+ padding: 14px 0;
}
.swagger-ui .info {
- margin: 10px 0;
+ margin: 10px 0;
}
.swagger-ui .auth-wrapper {
margin: 10px 0;
}
.swagger-ui .authorization__btn {
- display: none;
+ display: none;
}
.swagger-ui .opblock {
margin: 0 0 5px;
}
button.opblock-summary-control > svg {
- display: none;
+ display: none;
}
.swagger-ui .filter .operation-filter-input {
border: 2px solid #d8dde7;
@@ -73,15 +73,16 @@ a {
.swagger-ui .info .title small {
top: 5px;
}
- .swagger-ui a.nostyle, .swagger-ui a.nostyle:visited {
+ .swagger-ui a.nostyle,
+ .swagger-ui a.nostyle:visited {
width: 100%;
}
div.request-snippets > div.curl-command > div:nth-child(1) {
overscroll-behavior: contain;
overflow-x: scroll;
}
- .swagger-ui .opblock-body pre.microlight {
- font-size: 9px;
+ .swagger-ui .opblock-body pre.microlight {
+ font-size: 9px;
}
.swagger-ui table tbody tr td {
padding: 0px 0 0;
@@ -91,7 +92,7 @@ a {
font-size: 12px;
}
div.no-margin > div > div.responses-wrapper > div.responses-inner > div > div > table > tbody > tr {
- display: flex;
+ display: flex;
width: 100vw;
flex-direction: column;
font-size: 60%;
@@ -99,4 +100,4 @@ a {
div.no-margin > div > div.responses-wrapper > div.responses-inner > div > div > table > thead > tr {
display: none;
}
-}
\ No newline at end of file
+}
diff --git a/apps/web/styles/globals.css b/apps/web/styles/globals.css
index ae2842477bca08..cd8dbcdb6b4190 100644
--- a/apps/web/styles/globals.css
+++ b/apps/web/styles/globals.css
@@ -75,7 +75,7 @@
/* Content/Text */
--cal-text-emphasis: #f3f4f6;
--cal-text: #d6d6d6;
- --cal-text-subtle: #A5a5a5;
+ --cal-text-subtle: #a5a5a5;
--cal-text-muted: #575757;
--cal-text-inverted: #101010;
@@ -100,7 +100,7 @@
::selection {
color: var(--cal-brand-text);
- background: var(--cal-brand);
+ background: var(--cal-brand);
}
body {
@@ -108,8 +108,6 @@ body {
-webkit-font-smoothing: antialiased;
}
-
-
/*
Desktop App specific CSS
https://docs.todesktop.com/
@@ -170,17 +168,17 @@ html.todesktop aside {
margin: 0px -6px;
}
-html.todesktop-platform-darwin .desktop-transparent{
+html.todesktop-platform-darwin .desktop-transparent {
background: transparent !important;
border: none !important;
}
-html.todesktop-platform-darwin.dark main.bg-default{
- background: rgba(0,0,0,0.6) !important
+html.todesktop-platform-darwin.dark main.bg-default {
+ background: rgba(0, 0, 0, 0.6) !important;
}
-html.todesktop-platform-darwin.light main.bg-default{
- background: rgba(255,255,255,0.8) !important
+html.todesktop-platform-darwin.light main.bg-default {
+ background: rgba(255, 255, 255, 0.8) !important;
}
/*
@@ -247,13 +245,10 @@ select:focus {
border-color: var(--brand-color);
}
-
@layer components {
.scroll-bar {
@apply scrollbar-thin scrollbar-thumb-rounded-md dark:scrollbar-thumb-darkgray-300 scrollbar-thumb-gray-300 scrollbar-track-transparent;
}
-
-
}
/* TODO: avoid global specific css */
@@ -261,7 +256,6 @@ select:focus {
transform: translateX(16px);
} */
-
@layer components {
/* slider */
.slider {
@@ -512,5 +506,5 @@ select:focus {
}
.react-tel-input .flag-dropdown {
- @apply !border-r-default !border-y-0 !border-l-0 left-0.5;
+ @apply !border-r-default left-0.5 !border-y-0 !border-l-0;
}
diff --git a/apps/web/test/docker-compose.yml b/apps/web/test/docker-compose.yml
index 769adab0978db7..661e7609a07295 100644
--- a/apps/web/test/docker-compose.yml
+++ b/apps/web/test/docker-compose.yml
@@ -1,5 +1,5 @@
# Set the version of docker compose to use
-version: '3.9'
+version: "3.9"
# The containers that compose the project
services:
@@ -8,8 +8,8 @@ services:
restart: always
container_name: integration-tests-prisma
ports:
- - '5433:5432'
+ - "5433:5432"
environment:
POSTGRES_USER: prisma
POSTGRES_PASSWORD: prisma
- POSTGRES_DB: tests
\ No newline at end of file
+ POSTGRES_DB: tests
diff --git a/crowdin.yml b/crowdin.yml
index 1434e029f20d84..88a3f8a73526c9 100644
--- a/crowdin.yml
+++ b/crowdin.yml
@@ -1,10 +1,10 @@
#
# Your Crowdin credentials
#
-"project_id_env" : "CROWDIN_PROJECT_ID"
-"api_token_env" : "CROWDIN_PERSONAL_TOKEN"
-"base_path" : "."
-"base_url" : "https://cal.crowdin.com"
+"project_id_env": "CROWDIN_PROJECT_ID"
+"api_token_env": "CROWDIN_PERSONAL_TOKEN"
+"base_path": "."
+"base_url": "https://cal.crowdin.com"
#
# Choose file structure in Crowdin
@@ -16,112 +16,111 @@
# Files configuration
#
files: [
- {
- #
- # Source files filter
- # e.g. "/resources/en/*.json"
- #
- "source" : "/apps/web/public/static/locales/en/common.json",
-
- #
- # Where translations will be placed
- # e.g. "/resources/%two_letters_code%/%original_file_name%"
- #
- "translation" : "/apps/web/public/static/locales/%two_letters_code%/%original_file_name%",
-
- #
- # Files or directories for ignore
- # e.g. ["/**/?.txt", "/**/[0-9].txt", "/**/*\?*.txt"]
- #
- #"ignore" : [],
-
- #
- # The dest allows you to specify a file name in Crowdin
- # e.g. "/messages.json"
- #
- #"dest" : "",
-
- #
- # File type
- # e.g. "json"
- #
- #"type" : "",
-
- #
- # The parameter "update_option" is optional. If it is not set, after the files update the translations for changed strings will be removed. Use to fix typos and for minor changes in the source strings
- # e.g. "update_as_unapproved" or "update_without_changes"
- #
- #"update_option" : "",
-
- #
- # Start block (for XML only)
- #
-
- #
- # Defines whether to translate tags attributes.
- # e.g. 0 or 1 (Default is 1)
- #
- # "translate_attributes" : 1,
-
- #
- # Defines whether to translate texts placed inside the tags.
- # e.g. 0 or 1 (Default is 1)
- #
- # "translate_content" : 1,
-
- #
- # This is an array of strings, where each item is the XPaths to DOM element that should be imported
- # e.g. ["/content/text", "/content/text[@value]"]
- #
- # "translatable_elements" : [],
-
- #
- # Defines whether to split long texts into smaller text segments
- # e.g. 0 or 1 (Default is 1)
- #
- # "content_segmentation" : 1,
-
- #
- # End block (for XML only)
- #
-
- #
- # Start .properties block
- #
-
- #
- # Defines whether single quote should be escaped by another single quote or backslash in exported translations
- # e.g. 0 or 1 or 2 or 3 (Default is 3)
- # 0 - do not escape single quote;
- # 1 - escape single quote by another single quote;
- # 2 - escape single quote by backslash;
- # 3 - escape single quote by another single quote only in strings containing variables ( {0} ).
- #
- # "escape_quotes" : 3,
-
- #
- # Defines whether any special characters (=, :, ! and #) should be escaped by backslash in exported translations.
- # e.g. 0 or 1 (Default is 0)
- # 0 - do not escape special characters
- # 1 - escape special characters by a backslash
- #
- # "escape_special_characters": 0
- #
-
- #
- # End .properties block
- #
-
- #
- # Does the first line contain header?
- # e.g. true or false
- #
- #"first_line_contains_header" : true,
-
- #
- # for spreadsheets
- # e.g. "identifier,source_phrase,context,uk,ru,fr"
- #
- # "scheme" : "",
- }
-]
+ {
+ #
+ # Source files filter
+ # e.g. "/resources/en/*.json"
+ #
+ "source": "/apps/web/public/static/locales/en/common.json",
+
+ #
+ # Where translations will be placed
+ # e.g. "/resources/%two_letters_code%/%original_file_name%"
+ #
+ "translation": "/apps/web/public/static/locales/%two_letters_code%/%original_file_name%",
+ #
+ # Files or directories for ignore
+ # e.g. ["/**/?.txt", "/**/[0-9].txt", "/**/*\?*.txt"]
+ #
+ #"ignore" : [],
+
+ #
+ # The dest allows you to specify a file name in Crowdin
+ # e.g. "/messages.json"
+ #
+ #"dest" : "",
+
+ #
+ # File type
+ # e.g. "json"
+ #
+ #"type" : "",
+
+ #
+ # The parameter "update_option" is optional. If it is not set, after the files update the translations for changed strings will be removed. Use to fix typos and for minor changes in the source strings
+ # e.g. "update_as_unapproved" or "update_without_changes"
+ #
+ #"update_option" : "",
+
+ #
+ # Start block (for XML only)
+ #
+
+ #
+ # Defines whether to translate tags attributes.
+ # e.g. 0 or 1 (Default is 1)
+ #
+ # "translate_attributes" : 1,
+
+ #
+ # Defines whether to translate texts placed inside the tags.
+ # e.g. 0 or 1 (Default is 1)
+ #
+ # "translate_content" : 1,
+
+ #
+ # This is an array of strings, where each item is the XPaths to DOM element that should be imported
+ # e.g. ["/content/text", "/content/text[@value]"]
+ #
+ # "translatable_elements" : [],
+
+ #
+ # Defines whether to split long texts into smaller text segments
+ # e.g. 0 or 1 (Default is 1)
+ #
+ # "content_segmentation" : 1,
+
+ #
+ # End block (for XML only)
+ #
+
+ #
+ # Start .properties block
+ #
+
+ #
+ # Defines whether single quote should be escaped by another single quote or backslash in exported translations
+ # e.g. 0 or 1 or 2 or 3 (Default is 3)
+ # 0 - do not escape single quote;
+ # 1 - escape single quote by another single quote;
+ # 2 - escape single quote by backslash;
+ # 3 - escape single quote by another single quote only in strings containing variables ( {0} ).
+ #
+ # "escape_quotes" : 3,
+
+ #
+ # Defines whether any special characters (=, :, ! and #) should be escaped by backslash in exported translations.
+ # e.g. 0 or 1 (Default is 0)
+ # 0 - do not escape special characters
+ # 1 - escape special characters by a backslash
+ #
+ # "escape_special_characters": 0
+ #
+
+ #
+ # End .properties block
+ #
+
+ #
+ # Does the first line contain header?
+ # e.g. true or false
+ #
+ #"first_line_contains_header" : true,
+
+ #
+ # for spreadsheets
+ # e.g. "identifier,source_phrase,context,uk,ru,fr"
+ #
+ # "scheme" : "",
+ },
+ ]
diff --git a/inlang.config.js b/inlang.config.js
index 18c502705f8993..d35efde4709ba0 100644
--- a/inlang.config.js
+++ b/inlang.config.js
@@ -1,27 +1,25 @@
-
// see https://inlang.com/
export async function defineConfig(env) {
-
- const { default: i18nextPlugin } = await env.$import(
- "https://cdn.jsdelivr.net/npm/@inlang/plugin-i18next@2/dist/index.js",
- )
+ const { default: i18nextPlugin } = await env.$import(
+ "https://cdn.jsdelivr.net/npm/@inlang/plugin-i18next@2/dist/index.js"
+ );
const { default: standardLintRules } = await env.$import(
- "https://cdn.jsdelivr.net/npm/@inlang/plugin-standard-lint-rules@3/dist/index.js",
- )
+ "https://cdn.jsdelivr.net/npm/@inlang/plugin-standard-lint-rules@3/dist/index.js"
+ );
- return {
- referenceLanguage: "en",
- plugins: [
- i18nextPlugin({
- pathPattern: "./apps/web/public/static/locales/{language}/common.json",
- }),
+ return {
+ referenceLanguage: "en",
+ plugins: [
+ i18nextPlugin({
+ pathPattern: "./apps/web/public/static/locales/{language}/common.json",
+ }),
standardLintRules({
// deactivating identical pattern because of nested
// resources like "de-DE" and "de-AT" where "de-AT"
- // contrains overwrites but the majority are identical patterns.
- identicalPattern: "off"
+ // contrains overwrites but the majority are identical patterns.
+ identicalPattern: "off",
}),
- ],
- }
-}
\ No newline at end of file
+ ],
+ };
+}
diff --git a/packages/app-store-cli/src/constants.ts b/packages/app-store-cli/src/constants.ts
index f23c8ff97f5c4b..581af88f7fd64a 100644
--- a/packages/app-store-cli/src/constants.ts
+++ b/packages/app-store-cli/src/constants.ts
@@ -1,6 +1,6 @@
-import path from "path";
import os from "os";
+import path from "path";
export const APP_STORE_PATH = path.join(__dirname, "..", "..", "app-store");
export const TEMPLATES_PATH = path.join(APP_STORE_PATH, "templates");
-export const IS_WINDOWS_PLATFORM = os.platform() === "win32";
\ No newline at end of file
+export const IS_WINDOWS_PLATFORM = os.platform() === "win32";
diff --git a/packages/app-store/routing-forms/components/react-awesome-query-builder/styles.css b/packages/app-store/routing-forms/components/react-awesome-query-builder/styles.css
index fd222750a22d3a..6503cbdf2a621d 100644
--- a/packages/app-store/routing-forms/components/react-awesome-query-builder/styles.css
+++ b/packages/app-store/routing-forms/components/react-awesome-query-builder/styles.css
@@ -56,7 +56,6 @@
width: 100%;
}
-
.cal-query-builder .rule--drag-handler,
.cal-query-builder .rule--header {
display: flex;
diff --git a/packages/app-store/skiff/config.json b/packages/app-store/skiff/config.json
index be427cd3539208..16a26b592c7f9f 100644
--- a/packages/app-store/skiff/config.json
+++ b/packages/app-store/skiff/config.json
@@ -6,9 +6,7 @@
"logo": "icon.svg",
"url": "https://skiff.com/blog/skiff-cal-com-launch",
"variant": "calendar",
- "categories": [
- "calendar"
- ],
+ "categories": ["calendar"],
"publisher": "Skiff World, Inc.",
"email": "hello@skiff.org",
"description": "End-to-end encrypted, private calendar, email, notes, and drive.",
@@ -16,4 +14,4 @@
"__createdUsingCli": true,
"__template": "link-as-an-app",
"dirName": "skiff"
-}
\ No newline at end of file
+}
diff --git a/packages/atoms/booker/booker.stories.mdx b/packages/atoms/booker/booker.stories.mdx
index 1d89ee90fdb97e..1a9021ec8ef4a1 100644
--- a/packages/atoms/booker/booker.stories.mdx
+++ b/packages/atoms/booker/booker.stories.mdx
@@ -1,11 +1,13 @@
-import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs';
-import { Title } from '@calcom/storybook/components'
+import { Canvas, Meta, Story, ArgsTable } from "@storybook/addon-docs";
+
+import { Title } from "@calcom/storybook/components";
import { Icon } from "@calcom/ui";
-import { Booker } from './Booker';
+
+import { Booker } from "./Booker";
-