From 90e6071b72b18f66fe61c04f01f1ec17e57fa4fa Mon Sep 17 00:00:00 2001 From: Ronan Berder Date: Tue, 6 May 2025 22:24:56 +0800 Subject: [PATCH] Draft front-page --- docs/css/styles.css | 2 - docs/css/themes/supabase.css | 60 -- .../_includes/partials/kitchen-sink/form.njk | 7 +- docs/src/assets/images/avatar-1.png | Bin 0 -> 13920 bytes docs/src/assets/images/avatar-2.png | Bin 0 -> 15326 bytes docs/src/assets/images/avatar-3.png | Bin 0 -> 14526 bytes docs/src/assets/styles.css | 850 +++++++++++------- docs/src/index.njk | 281 +++++- 8 files changed, 787 insertions(+), 413 deletions(-) create mode 100644 docs/src/assets/images/avatar-1.png create mode 100644 docs/src/assets/images/avatar-2.png create mode 100644 docs/src/assets/images/avatar-3.png diff --git a/docs/css/styles.css b/docs/css/styles.css index ed5ea45..3cff2a4 100644 --- a/docs/css/styles.css +++ b/docs/css/styles.css @@ -1,5 +1,3 @@ -@source "../../src/css/basecoat.css"; - @import url("https://fonts.googleapis.com/css2?family=Poppins&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Lora&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Fira+Code&display=swap"); diff --git a/docs/css/themes/supabase.css b/docs/css/themes/supabase.css index bf45cc8..f066f51 100644 --- a/docs/css/themes/supabase.css +++ b/docs/css/themes/supabase.css @@ -94,66 +94,6 @@ --shadow-2xl: 0px 1px 3px 0px hsl(0 0% 0% / 0.43); } - @theme inline { - --color-background: var(--background); - --color-foreground: var(--foreground); - --color-card: var(--card); - --color-card-foreground: var(--card-foreground); - --color-popover: var(--popover); - --color-popover-foreground: var(--popover-foreground); - --color-primary: var(--primary); - --color-primary-foreground: var(--primary-foreground); - --color-secondary: var(--secondary); - --color-secondary-foreground: var(--secondary-foreground); - --color-muted: var(--muted); - --color-muted-foreground: var(--muted-foreground); - --color-accent: var(--accent); - --color-accent-foreground: var(--accent-foreground); - --color-destructive: var(--destructive); - --color-destructive-foreground: var(--destructive-foreground); - --color-border: var(--border); - --color-input: var(--input); - --color-ring: var(--ring); - --color-chart-1: var(--chart-1); - --color-chart-2: var(--chart-2); - --color-chart-3: var(--chart-3); - --color-chart-4: var(--chart-4); - --color-chart-5: var(--chart-5); - --color-sidebar: var(--sidebar); - --color-sidebar-foreground: var(--sidebar-foreground); - --color-sidebar-primary: var(--sidebar-primary); - --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); - --color-sidebar-accent: var(--sidebar-accent); - --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); - --color-sidebar-border: var(--sidebar-border); - --color-sidebar-ring: var(--sidebar-ring); - - --font-sans: var(--font-sans); - --font-mono: var(--font-mono); - --font-serif: var(--font-serif); - - --radius-sm: calc(var(--radius) - 4px); - --radius-md: calc(var(--radius) - 2px); - --radius-lg: var(--radius); - --radius-xl: calc(var(--radius) + 4px); - - --shadow-2xs: var(--shadow-2xs); - --shadow-xs: var(--shadow-xs); - --shadow-sm: var(--shadow-sm); - --shadow: var(--shadow); - --shadow-md: var(--shadow-md); - --shadow-lg: var(--shadow-lg); - --shadow-xl: var(--shadow-xl); - --shadow-2xl: var(--shadow-2xl); - - --tracking-tighter: calc(var(--tracking-normal) - 0.05em); - --tracking-tight: calc(var(--tracking-normal) - 0.025em); - --tracking-normal: var(--tracking-normal); - --tracking-wide: calc(var(--tracking-normal) + 0.025em); - --tracking-wider: calc(var(--tracking-normal) + 0.05em); - --tracking-widest: calc(var(--tracking-normal) + 0.1em); - } - body { letter-spacing: var(--tracking-normal); } diff --git a/docs/src/_includes/partials/kitchen-sink/form.njk b/docs/src/_includes/partials/kitchen-sink/form.njk index f0a6c56..5781255 100644 --- a/docs/src/_includes/partials/kitchen-sink/form.njk +++ b/docs/src/_includes/partials/kitchen-sink/form.njk @@ -1,9 +1,6 @@ -
-
+
+

Form

- - {% lucide "book-open", { "class": "size-4" } %} -
diff --git a/docs/src/assets/images/avatar-1.png b/docs/src/assets/images/avatar-1.png new file mode 100644 index 0000000000000000000000000000000000000000..c19010109235ce8258c1c95c1f4c3b216d3167a0 GIT binary patch literal 13920 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 literal 0 HcmV?d00001 diff --git a/docs/src/assets/images/avatar-2.png b/docs/src/assets/images/avatar-2.png new file mode 100644 index 0000000000000000000000000000000000000000..b2aae01dd3cefd574c5d07c1f4438068017512da GIT binary patch literal 15326 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 literal 0 HcmV?d00001 diff --git a/docs/src/assets/images/avatar-3.png b/docs/src/assets/images/avatar-3.png new file mode 100644 index 0000000000000000000000000000000000000000..f04b6b0b0610c62c64bc54b1890a9f62c09caff1 GIT binary patch literal 14526 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 40rem) { + font-size: var(--text-3xl); + line-height: var(--tw-leading, var(--text-3xl--line-height)); + } + } + .sm\:text-lg { + @media (width >= 40rem) { + font-size: var(--text-lg); + line-height: var(--tw-leading, var(--text-lg--line-height)); + } + } .md\:ml-4 { @media (width >= 48rem) { margin-left: calc(var(--spacing) * 4); @@ -1205,6 +1350,12 @@ padding-left: calc(var(--spacing) * 8); } } + .md\:text-4xl { + @media (width >= 48rem) { + font-size: var(--text-4xl); + line-height: var(--tw-leading, var(--text-4xl--line-height)); + } + } .xl\:block { @media (width >= 80rem) { display: block; @@ -1264,9 +1415,9 @@ .dark\:checked\:bg-input\/30 { &:is(.dark *) { &:checked { - background-color: var(--input); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--input) 30%, transparent); + background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } } @@ -1276,7 +1427,7 @@ &:checked { &::before { content: var(--tw-content); - background-color: var(--primary); + background-color: var(--color-primary); } } } @@ -1285,9 +1436,9 @@ &:is(.dark *) { &:hover { @media (hover: hover) { - background-color: var(--destructive); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--destructive) 20%, transparent); + background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } } @@ -1296,9 +1447,9 @@ .dark\:focus\:bg-destructive\/20 { &:is(.dark *) { &:focus { - background-color: var(--destructive); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--destructive) 20%, transparent); + background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } } @@ -1338,7 +1489,7 @@ } .\[\&_a\]\:text-muted-foreground { & a { - color: var(--muted-foreground); + color: var(--color-muted-foreground); } } .\[\&_a\]\:no-underline { @@ -1357,7 +1508,7 @@ & a { &:hover { @media (hover: hover) { - color: var(--foreground); + color: var(--color-foreground); } } } @@ -1397,12 +1548,12 @@ } .\[\&_img\]\:ring-background { & img { - --tw-ring-color: var(--background); + --tw-ring-color: var(--color-background); } } .\[\&_img\]\:ring-card { & img { - --tw-ring-color: var(--card); + --tw-ring-color: var(--color-card); } } .\[\&_img\]\:grayscale { @@ -1468,7 +1619,7 @@ } .\[\&_svg\]\:\!text-destructive { & svg { - color: var(--destructive) !important; + color: var(--color-destructive) !important; } } .\[\&_ul\]\:m-0 { @@ -1512,12 +1663,23 @@ height: calc(var(--spacing) * 4); } } + .\[\&\>svg\]\:mb-3 { + &>svg { + margin-bottom: calc(var(--spacing) * 3); + } + } .\[\&\>svg\]\:size-4 { &>svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } + .\[\&\>svg\]\:size-6 { + &>svg { + width: calc(var(--spacing) * 6); + height: calc(var(--spacing) * 6); + } + } .\[\&\>svg\]\:shrink-0 { &>svg { flex-shrink: 0; @@ -1607,10 +1769,10 @@ } @layer base { * { - border-color: var(--border); - outline-color: var(--ring); + border-color: var(--color-border); + outline-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - outline-color: color-mix(in oklab, var(--ring) 50%, transparent); + outline-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } html { @@ -1618,8 +1780,8 @@ } body { overscroll-behavior: none; - background-color: var(--background); - color: var(--foreground); + background-color: var(--color-background); + color: var(--color-foreground); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @@ -1664,7 +1826,7 @@ grid-template-columns: 0 1fr; align-items: flex-start; row-gap: calc(var(--spacing) * 0.5); - border-radius: var(--radius); + border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; padding-inline: calc(var(--spacing) * 4); @@ -1697,8 +1859,8 @@ min-height: calc(var(--spacing) * 4); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); - --tw-tracking: calc(var(--tracking-normal) - 0.025em); - letter-spacing: calc(var(--tracking-normal) - 0.025em); + --tw-tracking: var(--tracking-tight); + letter-spacing: var(--tracking-tight); } section { grid-column-start: 2; @@ -1707,7 +1869,7 @@ gap: calc(var(--spacing) * 1); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--muted-foreground); + color: var(--color-muted-foreground); & p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); @@ -1721,17 +1883,17 @@ } } .alert { - background-color: var(--card); - color: var(--card-foreground); + background-color: var(--color-card); + color: var(--color-card-foreground); } .alert-destructive { - background-color: var(--card); - color: var(--destructive); + background-color: var(--color-card); + color: var(--color-destructive); &>svg { color: currentcolor; } section { - color: var(--destructive); + color: var(--color-destructive); } } } @@ -1742,7 +1904,7 @@ cursor: pointer; align-items: center; justify-content: center; - border-radius: calc(var(--radius) - 2px); + border-radius: var(--radius-md); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); --tw-font-weight: var(--font-weight-medium); @@ -1754,16 +1916,16 @@ --tw-outline-style: none; outline-style: none; &:focus-visible { - border-color: var(--ring); + border-color: var(--color-ring); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &:disabled { @@ -1773,19 +1935,19 @@ opacity: 50%; } &[aria-invalid="true"] { - border-color: var(--destructive); + border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } @@ -1838,77 +2000,77 @@ height: calc(var(--spacing) * 10); } .btn, .btn-primary, .btn-sm, .btn-sm-primary, .btn-lg, .btn-lg-primary, .btn-icon, .btn-icon-primary, .btn-sm-icon, .btn-sm-icon-primary, .btn-lg-icon, .btn-lg-icon-primary { - background-color: var(--primary); - color: var(--primary-foreground); - --tw-shadow: var(--shadow-xs); + background-color: var(--color-primary); + color: var(--color-primary-foreground); + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:hover { @media (hover: hover) { - background-color: var(--primary); + background-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--primary) 90%, transparent); + background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } } &[aria-pressed='true'] { - background-color: var(--primary); + background-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--primary) 90%, transparent); + background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } } .btn-secondary, .btn-sm-secondary, .btn-lg-secondary, .btn-icon-secondary, .btn-sm-icon-secondary, .btn-lg-icon-secondary { - background-color: var(--secondary); - color: var(--secondary-foreground); - --tw-shadow: var(--shadow-xs); + background-color: var(--color-secondary); + color: var(--color-secondary-foreground); + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:hover, &[aria-pressed='true'] { - background-color: var(--secondary); + background-color: var(--color-secondary); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--secondary) 80%, transparent); + background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent); } } } .btn-outline, .btn-sm-outline, .btn-lg-outline, .btn-icon-outline, .btn-sm-icon-outline, .btn-lg-icon-outline { border-style: var(--tw-border-style); border-width: 1px; - background-color: var(--background); - --tw-shadow: var(--shadow-xs); + background-color: var(--color-background); + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:is(.dark *) { - border-color: var(--input); + border-color: var(--color-input); } &:is(.dark *) { - background-color: var(--input); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--input) 30%, transparent); + background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } &:hover, &[aria-pressed='true'] { - background-color: var(--accent); - color: var(--accent-foreground); + background-color: var(--color-accent); + color: var(--color-accent-foreground); &:is(.dark *) { - background-color: var(--accent); + background-color: var(--color-accent); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--accent) 50%, transparent); + background-color: color-mix(in oklab, var(--color-accent) 50%, transparent); } } } } .btn-ghost, .btn-sm-ghost, .btn-lg-ghost, .btn-icon-ghost, .btn-sm-icon-ghost, .btn-lg-icon-ghost { &:hover, &[aria-pressed='true'] { - background-color: var(--accent); - color: var(--accent-foreground); + background-color: var(--color-accent); + color: var(--color-accent-foreground); &:is(.dark *) { - background-color: var(--accent); + background-color: var(--color-accent); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--accent) 50%, transparent); + background-color: color-mix(in oklab, var(--color-accent) 50%, transparent); } } } } .btn-link, .btn-sm-link, .btn-lg-link, .btn-icon-link, .btn-sm-icon-link, .btn-lg-icon-link { - color: var(--primary); + color: var(--color-primary); text-underline-offset: 4px; &:hover, &[aria-pressed='true'] { &:hover { @@ -1919,39 +2081,39 @@ } } .btn-destructive, .btn-sm-destructive, .btn-lg-destructive, .btn-icon-destructive, .btn-sm-icon-destructive, .btn-lg-icon-destructive { - background-color: var(--destructive); + background-color: var(--color-destructive); color: var(--color-white); - --tw-shadow: var(--shadow-xs); + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:focus-visible { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } &:is(.dark *) { - background-color: var(--destructive); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--destructive) 60%, transparent); + background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent); } } &:is(.dark *) { &:focus-visible { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } &:hover, &[aria-pressed='true'] { - background-color: var(--destructive); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--destructive) 90%, transparent); + background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent); } &:is(.dark *) { - background-color: var(--destructive); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--destructive) 50%, transparent); + background-color: color-mix(in oklab, var(--color-destructive) 50%, transparent); } } } @@ -1966,7 +2128,7 @@ justify-content: center; gap: calc(var(--spacing) * 1); overflow: hidden; - border-radius: calc(var(--radius) - 2px); + border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; padding-inline: calc(var(--spacing) * 2); @@ -1980,32 +2142,32 @@ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); &:focus-visible { - border-color: var(--ring); + border-color: var(--color-ring); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &[aria-invalid="true"] { - border-color: var(--destructive); + border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } @@ -2019,14 +2181,14 @@ } .badge, .badge-primary { border-color: transparent; - background-color: var(--primary); - color: var(--primary-foreground); + background-color: var(--color-primary); + color: var(--color-primary-foreground); a& { &:hover { @media (hover: hover) { - background-color: var(--primary); + background-color: var(--color-primary); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--primary) 90%, transparent); + background-color: color-mix(in oklab, var(--color-primary) 90%, transparent); } } } @@ -2034,14 +2196,14 @@ } .badge-secondary { border-color: transparent; - background-color: var(--secondary); - color: var(--secondary-foreground); + background-color: var(--color-secondary); + color: var(--color-secondary-foreground); a& { &:hover { @media (hover: hover) { - background-color: var(--secondary); + background-color: var(--color-secondary); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--secondary) 90%, transparent); + background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent); } } } @@ -2049,52 +2211,52 @@ } .badge-destructive { border-color: transparent; - background-color: var(--destructive); + background-color: var(--color-destructive); color: var(--color-white); &:focus-visible { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } &:is(.dark *) { - background-color: var(--destructive); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--destructive) 60%, transparent); + background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent); } } &:is(.dark *) { &:focus-visible { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } a& { &:hover { @media (hover: hover) { - background-color: var(--destructive); + background-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--destructive) 90%, transparent); + background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent); } } } } } .badge-outline { - color: var(--foreground); + color: var(--color-foreground); a& { &:hover { @media (hover: hover) { - background-color: var(--accent); + background-color: var(--color-accent); } } } a& { &:hover { @media (hover: hover) { - color: var(--accent-foreground); + color: var(--color-accent-foreground); } } } @@ -2105,13 +2267,13 @@ display: flex; flex-direction: column; gap: calc(var(--spacing) * 6); - border-radius: calc(var(--radius) + 4px); + border-radius: var(--radius-xl); border-style: var(--tw-border-style); border-width: 1px; - background-color: var(--card); + background-color: var(--color-card); padding-block: calc(var(--spacing) * 6); - color: var(--card-foreground); - --tw-shadow: var(--shadow-sm); + color: var(--color-card-foreground); + --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); > header { container-type: inline-size; @@ -2137,7 +2299,7 @@ p { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--muted-foreground); + color: var(--color-muted-foreground); } } > section { @@ -2162,8 +2324,8 @@ border-radius: 4px; border-style: var(--tw-border-style); border-width: 1px; - border-color: var(--input); - --tw-shadow: var(--shadow-xs); + border-color: var(--color-input); + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); @@ -2171,22 +2333,22 @@ --tw-outline-style: none; outline-style: none; &:checked { - border-color: var(--primary); + border-color: var(--color-primary); } &:checked { - background-color: var(--primary); + background-color: var(--color-primary); } &:focus-visible { - border-color: var(--ring); + border-color: var(--color-ring); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &:disabled { @@ -2196,30 +2358,30 @@ opacity: 50%; } &[aria-invalid="true"] { - border-color: var(--destructive); + border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } &:is(.dark *) { - background-color: var(--input); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--input) 30%, transparent); + background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } &:is(.dark *) { &:checked { - background-color: var(--primary); + background-color: var(--color-primary); } } &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } @@ -2227,7 +2389,7 @@ display: block; width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); - background-color: var(--primary-foreground); + background-color: var(--color-primary-foreground); --tw-content: ''; content: var(--tw-content); mask-image: var(--check-icon); @@ -2310,13 +2472,13 @@ scale: var(--tw-scale-x) var(--tw-scale-y); flex-direction: column; gap: calc(var(--spacing) * 4); - border-radius: var(--radius); + border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; - background-color: var(--background); + background-color: var(--color-background); padding: calc(var(--spacing) * 6); opacity: 0%; - --tw-shadow: var(--shadow-lg); + --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); @@ -2343,7 +2505,7 @@ > p { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--muted-foreground); + color: var(--color-muted-foreground); } } > section { @@ -2368,7 +2530,7 @@ right: calc(var(--spacing) * 4); border-radius: var(--radius-xs); opacity: 70%; - --tw-ring-offset-color: var(--background); + --tw-ring-offset-color: var(--color-background); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); @@ -2382,7 +2544,7 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus { - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); } &:focus { --tw-ring-offset-width: 2px; @@ -2400,10 +2562,10 @@ pointer-events: none; } &[data-state="open"] { - background-color: var(--accent); + background-color: var(--color-accent); } &[data-state="open"] { - color: var(--muted-foreground); + color: var(--color-muted-foreground); } & svg { pointer-events: none; @@ -2427,16 +2589,16 @@ width: 100%; min-width: calc(var(--spacing) * 0); appearance: none; - border-radius: calc(var(--radius) - 2px); + border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; - border-color: var(--input); + border-color: var(--color-input); background-color: transparent; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); - --tw-shadow: var(--shadow-xs); + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); @@ -2444,16 +2606,16 @@ --tw-outline-style: none; outline-style: none; & *::selection { - background-color: var(--primary); + background-color: var(--color-primary); } &::selection { - background-color: var(--primary); + background-color: var(--color-primary); } & *::selection { - color: var(--primary-foreground); + color: var(--color-primary-foreground); } &::selection { - color: var(--primary-foreground); + color: var(--color-primary-foreground); } &::file-selector-button { display: inline-flex; @@ -2477,10 +2639,10 @@ font-weight: var(--font-weight-medium); } &::file-selector-button { - color: var(--foreground); + color: var(--color-foreground); } &::placeholder { - color: var(--muted-foreground); + color: var(--color-muted-foreground); } &:disabled { pointer-events: none; @@ -2496,38 +2658,38 @@ line-height: var(--tw-leading, var(--text-sm--line-height)); } &:is(.dark *) { - background-color: var(--input); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--input) 30%, transparent); + background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } &:focus-visible { - border-color: var(--ring); + border-color: var(--color-ring); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &[aria-invalid="true"] { - border-color: var(--destructive); + border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } @@ -2574,14 +2736,14 @@ scale: var(--tw-scale-x) var(--tw-scale-y); overflow-x: hidden; overflow-y: auto; - border-radius: calc(var(--radius) - 2px); + border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; - background-color: var(--popover); + background-color: var(--color-popover); padding: calc(var(--spacing) * 1); - color: var(--popover-foreground); + color: var(--color-popover-foreground); opacity: 100%; - --tw-shadow: var(--shadow-md); + --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); @@ -2662,7 +2824,7 @@ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - border-radius: calc(var(--radius) - 4px); + border-radius: var(--radius-sm); padding-inline: calc(var(--spacing) * 2); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-sm); @@ -2698,34 +2860,34 @@ flex-shrink: 0; } & svg { - color: var(--muted-foreground); + color: var(--color-muted-foreground); } } [role='menuitem'], [role='menuitemcheckbox'], [role='menuitemradio'] { &:hover { @media (hover: hover) { - background-color: var(--accent); + background-color: var(--color-accent); } } &:hover { @media (hover: hover) { - color: var(--accent-foreground); + color: var(--color-accent-foreground); } } &:focus-visible { - background-color: var(--accent); + background-color: var(--color-accent); } &:focus-visible { - color: var(--accent-foreground); + color: var(--color-accent-foreground); } } [role='option'] { padding-right: calc(var(--spacing) * 7.5); &[data-focus] { - background-color: var(--accent); + background-color: var(--color-accent); } &[data-focus] { - color: var(--accent-foreground); + color: var(--color-accent-foreground); } &[aria-selected='true'] { background-image: var(--check-icon); @@ -2749,7 +2911,7 @@ padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); - color: var(--muted-foreground); + color: var(--color-muted-foreground); } [role='listbox'] [role='group']:not(:has([role='option']:not([aria-hidden='true']))) { display: none; @@ -2757,7 +2919,7 @@ [role='separator'] { margin-inline: calc(var(--spacing) * -1); margin-block: calc(var(--spacing) * 1); - border-color: var(--border); + border-color: var(--color-border); } > header { margin-inline: calc(var(--spacing) * -1); @@ -2782,7 +2944,7 @@ width: 100%; min-width: calc(var(--spacing) * 0); flex: 1; - border-radius: calc(var(--radius) - 2px); + border-radius: var(--radius-md); background-color: transparent; padding-block: calc(var(--spacing) * 3); font-size: var(--text-sm); @@ -2794,7 +2956,7 @@ outline-offset: 2px; } &::placeholder { - color: var(--muted-foreground); + color: var(--color-muted-foreground); } &:disabled { cursor: not-allowed; @@ -2837,9 +2999,9 @@ border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; - border-color: var(--input); - color: var(--primary); - --tw-shadow: var(--shadow-xs); + border-color: var(--color-input); + color: var(--color-primary); + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); @@ -2847,16 +3009,16 @@ --tw-outline-style: none; outline-style: none; &:focus-visible { - border-color: var(--ring); + border-color: var(--color-ring); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &:disabled { @@ -2866,25 +3028,25 @@ opacity: 50%; } &[aria-invalid="true"] { - border-color: var(--destructive); + border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } &:is(.dark *) { - background-color: var(--input); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--input) 30%, transparent); + background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } @@ -2899,7 +3061,7 @@ --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); border-radius: calc(infinity * 1px); - background-color: var(--primary); + background-color: var(--color-primary); --tw-content: ''; content: var(--tw-content); } @@ -2938,13 +3100,13 @@ border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; - border-color: var(--primary); - background-color: var(--background); - --tw-shadow: var(--shadow-sm); + border-color: var(--color-primary); + background-color: var(--color-background); + --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &::-webkit-slider-runnable-track { @@ -2964,13 +3126,13 @@ border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; - border-color: var(--primary); - background-color: var(--background); - --tw-shadow: var(--shadow-sm); + border-color: var(--color-primary); + background-color: var(--color-background); + --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &::-moz-range-track { @@ -2990,13 +3152,13 @@ border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 1px; - border-color: var(--primary); - background-color: var(--background); - --tw-shadow: var(--shadow-sm); + border-color: var(--color-primary); + background-color: var(--color-background); + --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &::-ms-track { @@ -3007,11 +3169,11 @@ } &::-ms-fill-lower { border-radius: calc(infinity * 1px); - background-color: var(--primary); + background-color: var(--color-primary); } &::-ms-fill-upper { border-radius: calc(infinity * 1px); - background-color: var(--muted); + background-color: var(--color-muted); } } } @@ -3024,10 +3186,10 @@ align-items: center; justify-content: space-between; gap: calc(var(--spacing) * 2); - border-radius: calc(var(--radius) - 2px); + border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; - border-color: var(--input); + border-color: var(--color-input); background-color: transparent; padding-block: calc(var(--spacing) * 2); padding-right: calc(var(--spacing) * 9); @@ -3035,7 +3197,7 @@ font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); white-space: nowrap; - --tw-shadow: var(--shadow-xs); + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); @@ -3043,16 +3205,16 @@ --tw-outline-style: none; outline-style: none; &:focus-visible { - border-color: var(--ring); + border-color: var(--color-ring); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &:disabled { @@ -3062,35 +3224,35 @@ opacity: 50%; } &[aria-invalid="true"] { - border-color: var(--destructive); + border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } &:is(.dark *) { - background-color: var(--input); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--input) 30%, transparent); + background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } &:is(.dark *) { &:hover { @media (hover: hover) { - background-color: var(--input); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--input) 50%, transparent); + background-color: color-mix(in oklab, var(--color-input) 50%, transparent); } } } } &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } @@ -3130,8 +3292,8 @@ display: flex; width: var(--sidebar-mobile-width); flex-direction: column; - background-color: var(--sidebar); - color: var(--sidebar-foreground); + background-color: var(--color-sidebar); + color: var(--color-sidebar-foreground); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); @@ -3215,7 +3377,7 @@ [role=separator] { margin-inline: calc(var(--spacing) * 2); width: auto; - border-color: var(--sidebar-border); + border-color: var(--color-sidebar-border); } > section { display: flex; @@ -3237,17 +3399,17 @@ height: calc(var(--spacing) * 8); flex-shrink: 0; align-items: center; - border-radius: calc(var(--radius) - 2px); + border-radius: var(--radius-md); padding-inline: calc(var(--spacing) * 2); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); - color: var(--sidebar-foreground); + color: var(--color-sidebar-foreground); @supports (color: color-mix(in lab, red, red)) { - color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent); + color: color-mix(in oklab, var(--color-sidebar-foreground) 70%, transparent); } - --tw-ring-color: var(--sidebar-ring); + --tw-ring-color: var(--color-sidebar-ring); --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { @@ -3287,12 +3449,12 @@ align-items: center; gap: calc(var(--spacing) * 2); overflow: hidden; - border-radius: calc(var(--radius) - 2px); + border-radius: var(--radius-md); padding: calc(var(--spacing) * 2); text-align: left; font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); - --tw-ring-color: var(--sidebar-ring); + --tw-ring-color: var(--color-sidebar-ring); --tw-outline-style: none; outline-style: none; @media (forced-colors: active) { @@ -3304,12 +3466,12 @@ transition-duration: var(--tw-duration, var(--default-transition-duration)); &:hover { @media (hover: hover) { - background-color: var(--sidebar-accent); + background-color: var(--color-sidebar-accent); } } &:hover { @media (hover: hover) { - color: var(--sidebar-accent-foreground); + color: var(--color-sidebar-accent-foreground); } } &:focus-visible { @@ -3317,10 +3479,10 @@ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:active { - background-color: var(--sidebar-accent); + background-color: var(--color-sidebar-accent); } &:active { - color: var(--sidebar-accent-foreground); + color: var(--color-sidebar-accent-foreground); } &:disabled { pointer-events: none; @@ -3347,39 +3509,39 @@ flex-shrink: 0; } &[aria-current=page] { - background-color: var(--sidebar-accent); + background-color: var(--color-sidebar-accent); } &[aria-current=page] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } &[aria-current=page] { - color: var(--sidebar-accent-foreground); + color: var(--color-sidebar-accent-foreground); } &:not([data-variant]), &[data-variant=default] { &:hover { @media (hover: hover) { - background-color: var(--sidebar-accent); + background-color: var(--color-sidebar-accent); } } &:hover { @media (hover: hover) { - color: var(--sidebar-accent-foreground); + color: var(--color-sidebar-accent-foreground); } } } &[data-variant=outline] { - background-color: var(--background); + background-color: var(--color-background); --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:hover { @media (hover: hover) { - background-color: var(--sidebar-accent); + background-color: var(--color-sidebar-accent); } } &:hover { @media (hover: hover) { - color: var(--sidebar-accent-foreground); + color: var(--color-sidebar-accent-foreground); } } &:hover { @@ -3422,7 +3584,7 @@ display: block; width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); - background-color: var(--primary); + background-color: var(--color-primary); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); @@ -3451,7 +3613,7 @@ gap: calc(var(--spacing) * 1); border-left-style: var(--tw-border-style); border-left-width: 1px; - border-color: var(--sidebar-border); + border-color: var(--color-sidebar-border); padding-inline: calc(var(--spacing) * 2.5); padding-block: calc(var(--spacing) * 0.5); } @@ -3471,7 +3633,7 @@ border-style: var(--tw-border-style); border-width: 1px; border-color: transparent; - --tw-shadow: var(--shadow-xs); + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); @@ -3479,16 +3641,16 @@ --tw-outline-style: none; outline-style: none; &:focus-visible { - border-color: var(--ring); + border-color: var(--color-ring); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &:disabled { @@ -3497,19 +3659,19 @@ &:disabled { opacity: 50%; } - background-color: var(--input); + background-color: var(--color-input); &:checked { - background-color: var(--primary); + background-color: var(--color-primary); } &:is(.dark *) { - background-color: var(--input); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--input) 80%, transparent); + background-color: color-mix(in oklab, var(--color-input) 80%, transparent); } } &:is(.dark *) { &:checked { - background-color: var(--primary); + background-color: var(--color-primary); } } &::before { @@ -3547,12 +3709,12 @@ } &::before { content: var(--tw-content); - background-color: var(--background); + background-color: var(--color-background); } &:is(.dark *) { &::before { content: var(--tw-content); - background-color: var(--foreground); + background-color: var(--color-foreground); } } &:checked { @@ -3565,7 +3727,7 @@ &:checked { &::before { content: var(--tw-content); - background-color: var(--primary-foreground); + background-color: var(--color-primary-foreground); } } } @@ -3592,9 +3754,9 @@ tfoot { border-top-style: var(--tw-border-style); border-top-width: 1px; - background-color: var(--muted); + background-color: var(--color-muted); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--muted) 50%, transparent); + background-color: color-mix(in oklab, var(--color-muted) 50%, transparent); } --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); @@ -3613,9 +3775,9 @@ transition-duration: var(--tw-duration, var(--default-transition-duration)); &:hover { @media (hover: hover) { - background-color: var(--muted); + background-color: var(--color-muted); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--muted) 50%, transparent); + background-color: color-mix(in oklab, var(--color-muted) 50%, transparent); } } } @@ -3628,7 +3790,7 @@ --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); white-space: nowrap; - color: var(--foreground); + color: var(--color-foreground); &:has([role=checkbox]) { padding-right: calc(var(--spacing) * 0); } @@ -3653,7 +3815,7 @@ margin-top: calc(var(--spacing) * 4); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); - color: var(--muted-foreground); + color: var(--color-muted-foreground); } } } @@ -3668,10 +3830,10 @@ width: fit-content; align-items: center; justify-content: center; - border-radius: var(--radius); - background-color: var(--muted); + border-radius: var(--radius-lg); + background-color: var(--color-muted); padding: 3px; - color: var(--muted-foreground); + color: var(--color-muted-foreground); [role='tab'] { display: inline-flex; height: calc(100% - 1px); @@ -3679,7 +3841,7 @@ align-items: center; justify-content: center; gap: calc(var(--spacing) * 1.5); - border-radius: calc(var(--radius) - 2px); + border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; border-color: transparent; @@ -3690,21 +3852,21 @@ --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); white-space: nowrap; - color: var(--foreground); + color: var(--color-foreground); transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); &:focus-visible { - border-color: var(--ring); + border-color: var(--color-ring); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &:focus-visible { @@ -3712,7 +3874,7 @@ outline-width: 1px; } &:focus-visible { - outline-color: var(--ring); + outline-color: var(--color-ring); } &:disabled { pointer-events: none; @@ -3721,7 +3883,7 @@ opacity: 50%; } &:is(.dark *) { - color: var(--muted-foreground); + color: var(--color-muted-foreground); } & svg { pointer-events: none; @@ -3734,20 +3896,20 @@ height: calc(var(--spacing) * 4); } &[aria-selected='true'] { - background-color: var(--background); - --tw-shadow: var(--shadow-sm); + background-color: var(--color-background); + --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); &:is(.dark *) { - border-color: var(--input); + border-color: var(--color-input); } &:is(.dark *) { - background-color: var(--input); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--input) 30%, transparent); + background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } &:is(.dark *) { - color: var(--foreground); + color: var(--color-foreground); } } } @@ -3765,16 +3927,16 @@ field-sizing: content; min-height: calc(var(--spacing) * 16); width: 100%; - border-radius: calc(var(--radius) - 2px); + border-radius: var(--radius-md); border-style: var(--tw-border-style); border-width: 1px; - border-color: var(--input); + border-color: var(--color-input); background-color: transparent; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); - --tw-shadow: var(--shadow-xs); + --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); transition-property: color,box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); @@ -3782,19 +3944,19 @@ --tw-outline-style: none; outline-style: none; &::placeholder { - color: var(--muted-foreground); + color: var(--color-muted-foreground); } &:focus-visible { - border-color: var(--ring); + border-color: var(--color-ring); } &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &:focus-visible { - --tw-ring-color: var(--ring); + --tw-ring-color: var(--color-ring); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent); } } &:disabled { @@ -3804,12 +3966,12 @@ opacity: 50%; } &[aria-invalid="true"] { - border-color: var(--destructive); + border-color: var(--color-destructive); } &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent); } } @media (width >= 48rem) { @@ -3817,16 +3979,16 @@ line-height: var(--tw-leading, var(--text-sm--line-height)); } &:is(.dark *) { - background-color: var(--input); + background-color: var(--color-input); @supports (color: color-mix(in lab, red, red)) { - background-color: color-mix(in oklab, var(--input) 30%, transparent); + background-color: color-mix(in oklab, var(--color-input) 30%, transparent); } } &:is(.dark *) { &[aria-invalid="true"] { - --tw-ring-color: var(--destructive); + --tw-ring-color: var(--color-destructive); @supports (color: color-mix(in lab, red, red)) { - --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); + --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent); } } } @@ -3872,13 +4034,13 @@ transition-timing-function: var(--ease-in-out); .toast-content { overflow: hidden; - border-radius: var(--radius); + border-radius: var(--radius-lg); border-style: var(--tw-border-style); border-width: 1px; - background-color: var(--popover); + background-color: var(--color-popover); font-size: 13px; - color: var(--popover-foreground); - --tw-shadow: var(--shadow-lg); + color: var(--color-popover-foreground); + --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } &[aria-hidden='true'] { @@ -3920,13 +4082,13 @@ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; - border-radius: calc(var(--radius) - 2px); - background-color: var(--primary); + border-radius: var(--radius-md); + background-color: var(--color-primary); padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1.5); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); - color: var(--primary-foreground); + color: var(--color-primary-foreground); opacity: 0%; transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); @@ -4105,8 +4267,8 @@ line-height: var(--tw-leading, var(--text-xl--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); - --tw-tracking: calc(var(--tracking-normal) - 0.025em); - letter-spacing: calc(var(--tracking-normal) - 0.025em); + --tw-tracking: var(--tracking-tight); + letter-spacing: var(--tracking-tight); &:first-child { margin-top: calc(var(--spacing) * 0); } @@ -4119,8 +4281,8 @@ line-height: var(--tw-leading, var(--text-lg--line-height)); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); - --tw-tracking: calc(var(--tracking-normal) - 0.025em); - letter-spacing: calc(var(--tracking-normal) - 0.025em); + --tw-tracking: var(--tracking-tight); + letter-spacing: var(--tracking-tight); } .prose { margin-block: calc(var(--spacing) * 6); @@ -4133,7 +4295,7 @@ code:not(pre > code) { position: relative; border-radius: 0.25rem; - background-color: var(--muted); + background-color: var(--color-muted); padding-inline: 0.3rem; padding-block: 0.2rem; font-family: var(--font-mono); @@ -4143,7 +4305,7 @@ blockquote { border-left-style: var(--tw-border-style); border-left-width: 4px; - border-color: var(--border); + border-color: var(--color-border); padding-left: calc(var(--spacing) * 4); } ol { @@ -4186,8 +4348,8 @@ border-radius: calc(infinity * 1px); border-style: var(--tw-border-style); border-width: 4px; - border-color: var(--background); - background-color: var(--muted); + border-color: var(--color-background); + background-color: var(--color-muted); text-align: center; text-indent: -1px; font-family: var(--font-mono); diff --git a/docs/src/index.njk b/docs/src/index.njk index 2692463..58ba5dd 100644 --- a/docs/src/index.njk +++ b/docs/src/index.njk @@ -1,5 +1,282 @@ --- -layout: layouts/page.njk +layout: layouts/base.njk --- -HELLO \ No newline at end of file +{% from "select.njk" import select %} + +
+
+
+

All of the shadcn/ui magic, none of the React

+

A components library built with Tailwind CSS that works with any web stack.

+
+
+ Get Started + Learn more +
+
+ +
+
+
+
+

Team Members

+

Invite your team members to collaborate.

+
+
+
    +
  • + Sofia Davis +
    +

    Sofia Davis

    +

    m@example.com

    +
    + + {% call select( + is_combobox=true, + selected="owner", + content_attrs={"data-align": "end"} + ) %} +
    Viewer
    +
    Developer
    +
    Billing
    +
    Owner
    + {% endcall %} +
    • +
  • + Jackson Lee +
    +

    Jackson Lee

    +

    p@example.com

    +
    + + {% call select( + is_combobox=true, + content_attrs={"data-align": "end"} + ) %} +
    Viewer
    +
    Developer
    +
    Billing
    +
    Owner
    + {% endcall %} +
    • +
  • + Isabella Nguyen +
    +

    Isabella Nguyen

    +

    i@example.com

    +
    + + {% call select( + is_combobox=true, + content_attrs={"data-align": "end"} + ) %} +
    Viewer
    +
    Developer
    +
    Billing
    +
    Owner
    + {% endcall %} +
    • +
+
+
+ +
+
+

Cookie Settings

+

Manage your cookie settings here.

+
+
+ + + +
+
+ +
+
+ +
+
+

Payment Method

+

Add a new payment method to your account.

+
+
+ +
    +
  • + + +
    • +
  • + + +
    • +
  • + + +
    • +
+
+ + +
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+ +
+
+
+
+ Sofia Davis +
+

Sofia Davis

+

m@example.com

+
+ +
+
+
+ Hi, how can I help you today? +
+
+ Hey, I'm having trouble with my account. +
+
+ What seems to be the problem? +
+
+ I can't log in. +
+
+
+ + +
+
+
+ +
+
+

Create an account

+

Enter your email below to create your account

+
+
+
+ + +
+
+
+ +
+
+ Or continue with +
+
+
+
+ + +
+
+
+ + Forgot your password? +
+ +
+ +
+
+
+
+
+
\ No newline at end of file