@intlayer/design-system 9.4.0 → 9.4.2

package/tailwind.css

@@ -1,269 +0,0 @@
-@import "tailwindcss";
-
-@font-face {
-  font-family: "Geist";
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src:
-    url("/Geist-VariableFont_wght.woff2") format("woff2"),
-    url("/Geist-VariableFont_wght.ttf") format("truetype");
-}
-
-@theme {
-  --font-sans: "Geist", "Inter", sans-serif;
-
-  --color-background: rgba(255, 255, 255);
-  --color-background-opposite: rgba(18, 18, 18);
-
-  --color-text: rgba(18, 18, 18);
-  --color-text-opposite: rgba(255, 255, 255);
-  --color-text-dark: rgba(255, 255, 255);
-  --color-text-light: rgba(18, 18, 18);
-
-  --color-card: rgba(231, 231, 231);
-  --color-card-hover: rgba(231, 231, 231);
-
-  --color-hypertext: var(--color-text);
-  --color-hypertext-hover: rgba(197, 101, 212);
-  --color-hypertext-active: var(--color-text);
-
-  --color-shadow: rgba(18, 18, 18);
-
-  --color-primary: var(--color-text);
-  --color-primary-50: rgba(249, 253, 230);
-  --color-primary-100: rgba(238, 248, 186);
-  --color-primary-200: rgba(226, 243, 143);
-  --color-primary-300: rgba(215, 239, 105);
-  --color-primary-400: var(--color-text);
-  --color-primary-500: rgba(182, 211, 57);
-  --color-primary-600: rgba(153, 177, 48);
-  --color-primary-700: rgba(116, 134, 37);
-  --color-primary-800: rgba(92, 106, 29);
-  --color-primary-900: rgba(67, 77, 21);
-  --color-primary-950: rgba(40, 46, 12);
-
-  --color-secondary: rgba(255, 230, 109);
-  --color-secondary-50: rgba(254, 251, 232);
-  --color-secondary-100: rgba(255, 246, 194);
-  --color-secondary-200: rgba(255, 230, 109);
-  --color-secondary-300: rgba(255, 216, 69);
-  --color-secondary-400: rgba(252, 193, 19);
-  --color-secondary-500: rgba(236, 168, 6);
-  --color-secondary-600: rgba(204, 129, 2);
-  --color-secondary-700: rgba(162, 90, 6);
-  --color-secondary-800: rgba(134, 71, 13);
-  --color-secondary-900: rgba(114, 58, 17);
-  --color-secondary-950: rgba(67, 29, 5);
-
-  --color-neutral: rgba(93, 93, 93);
-  --color-neutral-50: rgba(249, 249, 249);
-  --color-neutral-100: rgba(231, 231, 231);
-  --color-neutral-200: rgba(209, 209, 209);
-  --color-neutral-300: rgba(176, 176, 176);
-  --color-neutral-400: rgba(136, 136, 136);
-  --color-neutral-500: rgba(109, 109, 109);
-  --color-neutral-600: rgba(93, 93, 93);
-  --color-neutral-700: rgba(79, 79, 79);
-  --color-neutral-800: rgba(69, 69, 69);
-  --color-neutral-900: rgba(61, 61, 61);
-  --color-neutral-950: rgba(48, 48, 48);
-
-  --color-success: rgba(0, 204, 102, 1);
-  --color-success-50: rgba(235, 251, 243, 1);
-  --color-success-100: rgba(186, 242, 214, 1);
-  --color-success-200: rgba(121, 232, 180, 1);
-  --color-success-300: rgba(54, 219, 145, 1);
-  --color-success-400: rgba(26, 211, 123, 1);
-  --color-success-500: rgba(0, 184, 92, 1);
-  --color-success-600: rgba(0, 153, 77, 1);
-  --color-success-700: rgba(0, 122, 61, 1);
-  --color-success-800: rgba(0, 92, 46, 1);
-  --color-success-900: rgba(0, 61, 31, 1);
-
-  --color-warning: rgba(214, 153, 66);
-  --color-warning-50: rgba(254, 251, 232);
-  --color-warning-100: rgba(255, 246, 194);
-  --color-warning-200: rgba(255, 230, 109);
-  --color-warning-300: rgba(255, 216, 69);
-  --color-warning-400: rgba(252, 193, 19);
-  --color-warning-500: rgba(236, 168, 6);
-  --color-warning-600: rgba(204, 129, 2);
-  --color-warning-700: rgba(162, 90, 6);
-  --color-warning-800: rgba(134, 71, 13);
-  --color-warning-900: rgba(114, 58, 17);
-
-  --color-error: rgba(181, 24, 13);
-  --color-error-50: rgba(255, 245, 237);
-  --color-error-100: rgba(255, 232, 213);
-  --color-error-200: rgba(254, 206, 170);
-  --color-error-300: rgba(253, 171, 116);
-  --color-error-400: rgba(251, 125, 60);
-  --color-error-500: rgba(249, 90, 22);
-  --color-error-600: rgba(234, 63, 12);
-  --color-error-700: rgba(194, 45, 12);
-  --color-error-800: rgba(154, 37, 18);
-  --color-error-900: rgba(124, 33, 18);
-
-  --color-white: rgba(255, 255, 255);
-
-  --color-black: rgba(0, 0, 0);
-
-  /* Shadcn standard theme variables mapped to the design system */
-  --color-foreground: var(--foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --radius-lg: var(--radius);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-sm: calc(var(--radius) - 4px);
-}
-
-@custom-variant dark (:where([data-theme="dark"], [data-theme="dark"] *) &);
-@custom-variant light (:where([data-theme="light"], [data-theme="light"] *) &);
-
-:root,
-[data-theme="light"] {
-  --font-sans: "Geist", "Inter", sans-serif;
-
-  --color-background: rgba(255, 255, 255);
-  --color-background-opposite: rgba(18, 18, 18);
-
-  --color-text: rgba(18, 18, 18);
-  --color-text-opposite: rgba(255, 255, 255);
-  --color-text-dark: rgba(255, 255, 255);
-  --color-text-light: rgba(18, 18, 18);
-
-  --color-card: rgba(231, 231, 231);
-  --color-card-hover: rgba(231, 231, 231);
-
-  --color-hypertext: var(--color-text);
-  --color-hypertext-hover: rgba(197, 101, 212);
-  --color-hypertext-active: var(--color-text);
-
-  --color-shadow: rgba(18, 18, 18);
-
-  --color-primary: var(--color-text);
-  --color-secondary: rgba(255, 230, 109);
-  --color-neutral: rgba(93, 93, 93);
-
-  --color-success: rgba(0, 204, 102);
-  --color-warning: rgba(214, 153, 66);
-  --color-error: rgba(181, 24, 13);
-
-  --color-white: rgba(255, 255, 255);
-  --color-black: rgba(0, 0, 0);
-
-  /* Shadcn mappings (Light) */
-  --background: var(--color-background);
-  --foreground: var(--color-text);
-  --card: var(--color-card);
-  --card-foreground: var(--color-text);
-  --popover: var(--color-card);
-  --popover-foreground: var(--color-text);
-  --primary: var(--color-text);
-  --primary-foreground: var(--color-background);
-  --secondary: var(--color-secondary);
-  --secondary-foreground: var(--color-text-light);
-  --muted: var(--color-neutral-100);
-  --muted-foreground: var(--color-neutral-600);
-  --accent: var(--color-card);
-  --accent-foreground: var(--color-text);
-  --border: var(--color-neutral-200);
-  --input: var(--color-neutral-200);
-  --ring: var(--color-primary);
-  --radius: 0.5rem;
-
-  /* Monaco theme variables */
-  --monaco-background: var(--color-background);
-  --monaco-foreground: var(--color-text);
-  --monaco-border: var(--color-neutral-200);
-}
-
-[data-theme="dark"] {
-  --font-sans: "Geist", "Inter", sans-serif;
-
-  --color-background: rgba(23, 23, 23);
-  --color-background-opposite: rgba(255, 255, 255);
-
-  --color-text: rgba(255, 245, 237);
-  --color-text-opposite: rgba(18, 18, 18);
-
-  --color-card: rgba(39, 39, 39);
-  --color-card-hover: rgba(79, 79, 79);
-
-  --color-hypertext: var(--color-text);
-  --color-hypertext-hover: rgba(197, 101, 212);
-  --color-hypertext-active: var(--color-text);
-
-  --color-shadow: rgba(18, 18, 18);
-
-  --color-primary: var(--color-text);
-  --color-secondary: rgba(255, 230, 109);
-  --color-neutral: rgba(93, 93, 93);
-
-  --color-success: rgba(0, 204, 102);
-  --color-warning: rgba(214, 153, 66);
-  --color-error: rgba(181, 24, 13);
-
-  --color-white: rgba(255, 255, 255);
-  --color-black: rgba(0, 0, 0);
-
-  /* Shadcn mappings (Dark) */
-  --background: var(--color-background);
-  --foreground: var(--color-text);
-  --card: var(--color-card);
-  --card-foreground: var(--color-text);
-  --popover: var(--color-card);
-  --popover-foreground: var(--color-text);
-  --primary: var(--color-text);
-  --primary-foreground: var(--color-background);
-  --secondary: var(--color-secondary);
-  --secondary-foreground: var(--color-text-light);
-  --muted: rgba(79, 79, 79, 1);
-  --muted-foreground: rgba(176, 176, 176, 1);
-  --accent: var(--color-card);
-  --accent-foreground: var(--color-text);
-  --border: rgba(79, 79, 79, 1);
-  --input: rgba(79, 79, 79, 1);
-  --ring: var(--color-primary);
-
-  /* Monaco theme variables */
-  --monaco-background: var(--color-background);
-  --monaco-foreground: var(--color-text);
-  --monaco-border: rgba(79, 79, 79, 1);
-}
-
-@plugin "@tailwindcss/aspect-ratio";
-
-@source "./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}";
-
-/**
- * Dual-theme Shiki output.
- *
- * Code blocks are highlighted once with both `github-light` and `github-dark`,
- * and every token carries its two colours as the `--shiki-light` /
- * `--shiki-dark` custom properties instead of a resolved `color`. One markup
- * therefore serves both themes, which is what allows the highlighting to be
- * done ahead of time — at build, on the server — rather than re-run in the
- * browser whenever the resolved theme changes.
- *
- * These rules live here, rather than in each app's `shiki.css`, because they
- * are what makes the code block components render at all: without them every
- * token resolves to an undefined variable.
- */
-.shiki,
-.shiki span {
-  color: var(--shiki-light);
-}
-
-[data-theme="dark"] .shiki,
-[data-theme="dark"] .shiki span {
-  color: var(--shiki-dark);
-}