prettier fix

2025-09-19 17:22:36 +03:00
parent efa94b3322
commit 0c2cfe6d18
509 changed files with 17988 additions and 9920 deletions
--- a/styles/STYLE_GUIDE.md
+++ b/styles/STYLE_GUIDE.md
@@ -1,17 +1,21 @@
 # MedReport Design System
+
 ## Tokens
+
 ### Spacing - gaps
-```css 
+
+```css
 --spacing: 0.25rem; /* 1rem = 16px styles/shadcn-ui.css */
 ```

-```css 
+```css
 gap = --spacing * key
 ```
-| Key | Value (px) | 
-|-----|------------|
-| 0   | 0          | 
-| 1   | 4          | 
+
+| Key | Value (px) |
+| --- | ---------- |
+| 0   | 0          |
+| 1   | 4          |
 | 2   | 8          |
 | 3   | 12         |
 | 4   | 16         |
@@ -27,42 +31,45 @@ gap = --spacing * key
 Use as `gap-[key]`, e.g. `gap-7`

 ### Radius
-```css
-  --radius: 1rem; /* 16px - styles/shadcn-ui.css */
-  --radius-radius: var(--radius); /* styles/theme.css */

-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
+```css
+--radius: 1rem; /* 16px - styles/shadcn-ui.css */
+--radius-radius: var(--radius); /* styles/theme.css */
+
+--radius-sm: calc(var(--radius) - 4px);
+--radius-md: calc(var(--radius) - 2px);
+--radius-lg: var(--radius);
 ```

 ```css
- .rounded-md {
-    border-radius: var(--radius-md);
-  }
+.rounded-md {
+  border-radius: var(--radius-md);
+}
 ```

-| Class         | Radius      |
-|---------------|-------------|
-| rounded-sm    | 12          |
-| rounded-md    | 14          |
-| rounded-lg    | 16          |
-| rounded-xl    | 20          |
-| rounded-full  | 9999        |
+| Class        | Radius |
+| ------------ | ------ |
+| rounded-sm   | 12     |
+| rounded-md   | 14     |
+| rounded-lg   | 16     |
+| rounded-xl   | 20     |
+| rounded-full | 9999   |

 ### Custom colors

-All color tokens from [MedReport Design System](https://www.figma.com/design/eJfnhLYy7IP7ARVhmtEPPY/Medreport---Design-system?node-id=70-115&p=f&vars=1&var-id=3269-10748&m=dev) are defined here: 
+All color tokens from [MedReport Design System](https://www.figma.com/design/eJfnhLYy7IP7ARVhmtEPPY/Medreport---Design-system?node-id=70-115&p=f&vars=1&var-id=3269-10748&m=dev) are defined here:

-```styles/shadcn-ui.css``` - colors scheme, global variables, classes
-```styles/theme.css``` - color definition for all properties
+`styles/shadcn-ui.css` - colors scheme, global variables, classes
+`styles/theme.css` - color definition for all properties

 Example of usage
+
 ```css
  --color-text-foreground -> className="[property name]-text-foreground" -> className="text-text-foreground", border-text-foreground
 ```

 ## Components
+
 - Add the component to the `packages/ui/src/shadcn` directory.
 - Replace the imports with the relative imports.
 - Export the component by adding a new export to the package.json file.
@@ -71,4 +78,5 @@ Example of usage
 read more on [makerkit doc](https://makerkit.dev/docs/next-supabase-turbo/customization/adding-shadcn-ui-components)

 ## Fonts
-https://makerkit.dev/docs/next-supabase-turbo/customization/fonts
+
+https://makerkit.dev/docs/next-supabase-turbo/customization/fonts
--- a/styles/makerkit.css
+++ b/styles/makerkit.css
@@ -9,34 +9,42 @@
 Optimize dropdowns for mobile
 */
 [data-radix-popper-content-wrapper] {
-    @apply w-full md:w-auto;
+  @apply w-full md:w-auto;
 }

 [data-radix-menu-content] {
-    @apply rounded-none md:rounded-lg w-full md:w-auto;
+  @apply w-full rounded-none md:w-auto md:rounded-lg;
 }

-[data-radix-menu-content] [role="menuitem"] {
-    @apply md:min-h-0 min-h-12;
+[data-radix-menu-content] [role='menuitem'] {
+  @apply min-h-12 md:min-h-0;
 }

 .site-header > .container:before,
 .site-footer > .container:before {
-    background: radial-gradient(62.87% 100% at 50% 100%, var(--color-gray-200) 0%, rgba(255, 255, 255, 0) 100%);
+  background: radial-gradient(
+    62.87% 100% at 50% 100%,
+    var(--color-gray-200) 0%,
+    rgba(255, 255, 255, 0) 100%
+  );

-    bottom: 0;
-    content: "";
-    height: 1px;
-    left: 0;
-    position: absolute;
-    width: 100%;
+  bottom: 0;
+  content: '';
+  height: 1px;
+  left: 0;
+  position: absolute;
+  width: 100%;
 }

 .dark .site-header > .container:before,
 .dark .site-footer > .container:before {
-    background: radial-gradient(62.87% 100% at 50% 100%, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, 0) 100%);
+  background: radial-gradient(
+    62.87% 100% at 50% 100%,
+    rgba(255, 255, 255, 0.1) 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
 }

 .site-footer > .container:before {
-    top: 0;
-}
+  top: 0;
+}
--- a/styles/markdoc.css
+++ b/styles/markdoc.css
@@ -6,109 +6,110 @@
 */

 .markdoc {
-    @apply text-foreground;
+  @apply text-foreground;
 }

 .markdoc h1 {
-    @apply mt-8 lg:mt-14 text-4xl font-semibold font-heading tracking-tight dark:text-white text-foreground;
+  @apply font-heading text-foreground mt-8 text-4xl font-semibold tracking-tight lg:mt-14 dark:text-white;
 }

 .markdoc h2 {
-    @apply mb-3 lg:mb-6 mt-6 lg:mt-12 font-semibold text-2xl font-heading tracking-tight dark:text-white text-foreground;
+  @apply font-heading text-foreground mt-6 mb-3 text-2xl font-semibold tracking-tight lg:mt-12 lg:mb-6 dark:text-white;
 }

 .markdoc h3 {
-    @apply mt-6 lg:mt-12 text-xl font-semibold font-heading tracking-tight dark:text-white text-foreground;
+  @apply font-heading text-foreground mt-6 text-xl font-semibold tracking-tight lg:mt-12 dark:text-white;
 }

 .markdoc h4 {
-    @apply mt-4 lg:mt-8 text-lg font-medium tracking-tight dark:text-white text-foreground;
+  @apply text-foreground mt-4 text-lg font-medium tracking-tight lg:mt-8 dark:text-white;
 }

 .markdoc h5 {
-    @apply mt-3 lg:mt-6 text-base font-medium tracking-tight dark:text-white text-foreground;
+  @apply text-foreground mt-3 text-base font-medium tracking-tight lg:mt-6 dark:text-white;
 }

 .markdoc h6 {
-    @apply mt-2 text-sm font-normal tracking-tight dark:text-white text-foreground;
+  @apply text-foreground mt-2 text-sm font-normal tracking-tight dark:text-white;
 }

 .markdoc p {
-    @apply mb-3 lg:mb-6 mt-2 lg:mt-4 text-base leading-7 text-muted-foreground;
+  @apply text-muted-foreground mt-2 mb-3 text-base leading-7 lg:mt-4 lg:mb-6;
 }

 .markdoc li {
-    @apply relative my-1.5 text-base leading-7 text-muted-foreground;
+  @apply text-muted-foreground relative my-1.5 text-base leading-7;
 }

 .markdoc ul > li:before {
-    content: '-';
+  content: '-';

-    @apply mr-2;
+  @apply mr-2;
 }

 .markdoc ol > li:before {
-    @apply inline-flex font-medium text-muted-foreground;
+  @apply text-muted-foreground inline-flex font-medium;

-    content: counters(counts, '.') '. ';
-    font-feature-settings: 'tnum';
+  content: counters(counts, '.') '. ';
+  font-feature-settings: 'tnum';
 }

 .markdoc b,
 .markdoc strong {
-    @apply font-semibold text-secondary-foreground dark:text-white;
+  @apply text-secondary-foreground font-semibold dark:text-white;
 }

 .markdoc img,
 .markdoc video {
-    @apply rounded-md;
+  @apply rounded-md;
 }

 .markdoc ul,
 .markdoc ol {
-    @apply pl-1;
+  @apply pl-1;
 }

 .markdoc ol > li {
-    counter-increment: counts;
+  counter-increment: counts;
 }

 .markdoc ol > li:before {
-    @apply mr-2 inline-flex font-semibold;
+  @apply mr-2 inline-flex font-semibold;

-    content: counters(counts, '.') '. ';
-    font-feature-settings: 'tnum';
+  content: counters(counts, '.') '. ';
+  font-feature-settings: 'tnum';
 }

-.markdoc p > code, .markdoc li > code {
-    @apply p-0.5 text-sm font-semibold bg-muted/50 border font-mono text-secondary-foreground;
+.markdoc p > code,
+.markdoc li > code {
+  @apply bg-muted/50 text-secondary-foreground border p-0.5 font-mono text-sm font-semibold;
 }

 .markdoc pre {
-    @apply overflow-x-auto bg-muted/50 rounded-md border border-border p-4 text-sm font-mono text-foreground;
+  @apply bg-muted/50 border-border text-foreground overflow-x-auto rounded-md border p-4 font-mono text-sm;
 }

 .markdoc blockquote {
-    @apply my-4 border-l-8 border border-primary px-6 py-4 text-lg font-medium text-muted-foreground;
+  @apply border-primary text-muted-foreground my-4 border border-l-8 px-6 py-4 text-lg font-medium;
 }

 .markdoc a {
-    @apply border-b-black border-b hover:border-b-2 pb-0.5 text-secondary-foreground font-semibold dark:border-yellow-300;
+  @apply text-secondary-foreground border-b border-b-black pb-0.5 font-semibold hover:border-b-2 dark:border-yellow-300;
 }

 .markdoc hr {
-    @apply mt-8 mb-6 border-border;
+  @apply border-border mt-8 mb-6;
 }

 .markdoc [role='alert'] {
-    @apply py-4 m-0 my-8;
+  @apply m-0 my-8 py-4;
 }

 .markdoc [role='alert'] * {
-    color: inherit;
-    @apply m-0 p-0 text-sm;
+  color: inherit;
+  @apply m-0 p-0 text-sm;
 }

 .markdoc [role='alert'] h5 {
-    color: inherit;
-}
+  color: inherit;
+}
--- a/styles/theme.utilities.css
+++ b/styles/theme.utilities.css
@@ -1,5 +1,5 @@
@utility container {
  margin-inline: auto;

-  @apply xl:max-w-[80rem] px-4 lg:px-8;
+  @apply px-4 lg:px-8 xl:max-w-[80rem];
 }