@arcadeai/design-system 3.41.1 → 3.42.3

package/dist/assets/tokens.css

@@ -1 +1 @@
-@custom-variant dark (&:is(.dark *));@theme inline{ --font-heading: var(--font-sans); --font-sans: "Geist Variable", ui-sans-serif, sans-serif; --radius-sm: calc(var(--radius) * .6); --radius-md: calc(var(--radius) * .8); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) * 1.4); --radius-2xl: calc(var(--radius) * 1.8); --radius-3xl: calc(var(--radius) * 2.2); --radius-4xl: calc(var(--radius) * 2.6); --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-tertiary: var(--tertiary); --color-tertiary-foreground: var(--tertiary-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-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-link: var(--link); --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); --spacing: var(--spacing); }:root{--radius: .625rem;--spacing: .25rem;--ds-sparkle-duration: .8s;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.925 .2326 125.05);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--tertiary: oklch(.4736 .2914 276.23);--tertiary-foreground: oklch(.985 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.925 .2326 125.05);--link: var(--tertiary);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.5 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.205 0 0);--sidebar-accent: oklch(.925 .2326 125.05);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--warning: oklch(.75 .1707 63.43);--warning-foreground: oklch(1 0 0);--success: oklch(.6401 .1751 146.74);--success-foreground: oklch(1 0 0)}.dark{--spacing: .25rem;--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.925 .2326 125.05);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--tertiary: oklch(.4736 .2914 276.23);--tertiary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.925 .2326 125.05);--link: var(--primary);--chart-1: oklch(.7374 .1669 63.82);--chart-2: oklch(.5171 .1067 166.24);--chart-3: oklch(.3976 .1371 309.62);--chart-4: oklch(.4642 .0848 227.39);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.925 .2326 125.05);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0);--success: oklch(.6401 .1751 146.74);--success-foreground: oklch(1 0 0);--warning: oklch(.75 .1707 63.43);--warning-foreground: oklch(1 0 0)}@keyframes spinner-fade{0%{opacity:1}to{opacity:0}}@keyframes thin-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:1}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes bounce-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes typing{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes wave-bars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes text-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes loading-dots{0%,to{opacity:0}50%{opacity:1}}@keyframes braille-spin{0%{content:"⠋"}10%{content:"⠙"}20%{content:"⠹"}30%{content:"⠸"}40%{content:"⠼"}50%{content:"⠴"}60%{content:"⠦"}70%{content:"⠧"}80%{content:"⠇"}90%{content:"⠏"}to{content:"⠋"}}.shiki,.shiki span{font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);color:var(--shiki-light);text-decoration:var(--shiki-light-text-decoration);background-color:var(--shiki-light-bg)}.dark .shiki,.dark .shiki span{font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);color:var(--shiki-dark);text-decoration:var(--shiki-dark-text-decoration);background-color:var(--shiki-dark-bg)}@keyframes ds-sparkle-particle{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--sparkle-tx, 0px),var(--sparkle-ty, 0px))}}@keyframes ds-sparkle-particle-fade{0%{opacity:1}to{opacity:0}}@layer design-system{.ds-sparkle-particle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:ds-sparkle-particle var(--ds-sparkle-duration, .8s) ease-out 1 forwards}@media(prefers-reduced-motion:reduce){.ds-sparkle-particle{animation-name:ds-sparkle-particle-fade}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:oklch(from var(--background) l c h)}::-webkit-scrollbar-thumb{background:oklch(from var(--muted) l c h);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:oklch(from var(--muted-foreground) l c h)}}
+@custom-variant dark (&:is(.dark *));@theme inline{ --animate-gateway-flow: gateway-flow 2.8s linear infinite; --animate-gateway-flow-dotted: gateway-flow-dotted 2.8s linear infinite; --animate-gateway-flow-dot: gateway-flow-dot 2.8s linear infinite; --font-heading: var(--font-sans); --font-sans: "Geist Variable", ui-sans-serif, sans-serif; --radius-sm: calc(var(--radius) * .6); --radius-md: calc(var(--radius) * .8); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) * 1.4); --radius-2xl: calc(var(--radius) * 1.8); --radius-3xl: calc(var(--radius) * 2.2); --radius-4xl: calc(var(--radius) * 2.6); --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-tertiary: var(--tertiary); --color-tertiary-foreground: var(--tertiary-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-warning: var(--warning); --color-warning-foreground: var(--warning-foreground); --color-success: var(--success); --color-success-foreground: var(--success-foreground); --color-brand-green: var(--brand-green); --color-brand-fuchsia: var(--brand-fuchsia); --color-brand-red: var(--brand-red); --color-brand-purple: var(--brand-purple); --color-brand-navy: var(--brand-navy); --color-brand-yellow: var(--brand-yellow); --color-brand-arcade-red: var(--brand-arcade-red); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-link: var(--link); --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); --spacing: var(--spacing); }:root{--radius: .625rem;--spacing: .25rem;--ds-sparkle-duration: .8s;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.925 .2326 125.05);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--tertiary: oklch(.4736 .2914 276.23);--tertiary-foreground: oklch(.985 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.925 .2326 125.05);--link: var(--tertiary);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.5 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.205 0 0);--sidebar-accent: oklch(.925 .2326 125.05);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--warning: oklch(.75 .1707 63.43);--warning-foreground: oklch(1 0 0);--success: oklch(.6401 .1751 146.74);--success-foreground: oklch(1 0 0);--brand-green: oklch(.8719 .254 147.75);--brand-fuchsia: oklch(.6743 .2742 344.98);--brand-red: oklch(.6286 .2568 27.89);--brand-purple: oklch(.5751 .2941 304.75);--brand-navy: oklch(.4736 .2914 276.23);--brand-yellow: oklch(.9681 .21 109.76);--brand-arcade-red: oklch(.6311 .2546 22.82)}.dark{--spacing: .25rem;--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.925 .2326 125.05);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--tertiary: oklch(.4736 .2914 276.23);--tertiary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.925 .2326 125.05);--link: var(--primary);--chart-1: oklch(.7374 .1669 63.82);--chart-2: oklch(.5171 .1067 166.24);--chart-3: oklch(.3976 .1371 309.62);--chart-4: oklch(.4642 .0848 227.39);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.925 .2326 125.05);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0);--success: oklch(.6401 .1751 146.74);--success-foreground: oklch(1 0 0);--warning: oklch(.75 .1707 63.43);--warning-foreground: oklch(1 0 0)}@keyframes spinner-fade{0%{opacity:1}to{opacity:0}}@keyframes thin-pulse{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1);opacity:1}}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}@keyframes bounce-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes gateway-flow{to{stroke-dashoffset:-24}}@keyframes gateway-flow-dotted{to{stroke-dashoffset:-22.5}}@keyframes gateway-flow-dot{0%{stroke-dashoffset:0}to{stroke-dashoffset:-120}}@keyframes typing{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes wave-bars{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes text-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes loading-dots{0%,to{opacity:0}50%{opacity:1}}@keyframes braille-spin{0%{content:"⠋"}10%{content:"⠙"}20%{content:"⠹"}30%{content:"⠸"}40%{content:"⠼"}50%{content:"⠴"}60%{content:"⠦"}70%{content:"⠧"}80%{content:"⠇"}90%{content:"⠏"}to{content:"⠋"}}.shiki,.shiki span{font-style:var(--shiki-light-font-style);font-weight:var(--shiki-light-font-weight);color:var(--shiki-light);text-decoration:var(--shiki-light-text-decoration);background-color:var(--shiki-light-bg)}.dark .shiki,.dark .shiki span{font-style:var(--shiki-dark-font-style);font-weight:var(--shiki-dark-font-weight);color:var(--shiki-dark);text-decoration:var(--shiki-dark-text-decoration);background-color:var(--shiki-dark-bg)}@keyframes ds-sparkle-particle{0%{opacity:1;transform:translate(-50%,-50%) translate(0)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--sparkle-tx, 0px),var(--sparkle-ty, 0px))}}@keyframes ds-sparkle-particle-fade{0%{opacity:1}to{opacity:0}}@layer design-system{.ds-sparkle-particle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:ds-sparkle-particle var(--ds-sparkle-duration, .8s) ease-out 1 forwards}@media(prefers-reduced-motion:reduce){.ds-sparkle-particle{animation-name:ds-sparkle-particle-fade}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:oklch(from var(--background) l c h)}::-webkit-scrollbar-thumb{background:oklch(from var(--muted) l c h);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:oklch(from var(--muted-foreground) l c h)}}