prism-design 2.13.0

package/extractions/miro.com/tokens.json

@@ -0,0 +1,401 @@
+{
+  "meta": {
+    "source": "https://miro.com",
+    "domain": "miro.com",
+    "extractedAt": "2026-05-30T20:56:41.830Z",
+    "tokenizedAt": "2026-05-30T22:20:21.399Z"
+  },
+  "colors": {
+    "background": {
+      "primary": "rgb(240, 240, 240)",
+      "secondary": "rgb(255, 255, 255)",
+      "tertiary": "rgb(253, 224, 240)"
+    },
+    "text": {
+      "primary": "rgb(0, 0, 0)",
+      "secondary": "rgba(0, 0, 0, 0.65)",
+      "muted": "#555a6a"
+    },
+    "accent": {
+      "primary": "rgb(253, 224, 80)",
+      "secondary": "rgb(255, 221, 51)"
+    },
+    "border": "rgb(205, 216, 255)",
+    "shadow": "rgba(0,0,0,0.1)",
+    "semantic": {
+      "error": "#f24726",
+      "success": "#00b473",
+      "warning": "#fde050"
+    }
+  },
+  "typography": {
+    "fontFamily": {
+      "primary": "Roobert PRO",
+      "secondary": "Noto Sans",
+      "mono": "monospace"
+    },
+    "fontSize": {
+      "xs": "12px",
+      "sm": "14px",
+      "base": "12px",
+      "lg": "16px",
+      "xl": "18px",
+      "2xl": "22px",
+      "3xl": "24px",
+      "4xl": "40px"
+    },
+    "fontWeight": {
+      "normal": "400",
+      "medium": "500",
+      "semibold": "600",
+      "bold": "900"
+    },
+    "lineHeight": {
+      "tight": "1",
+      "normal": "1.5",
+      "relaxed": "1.75"
+    },
+    "letterSpacing": {
+      "tight": "-0.030em",
+      "normal": "0em",
+      "wide": "-0.030em"
+    }
+  },
+  "spacing": {
+    "xxs": "2px",
+    "xs": "4px",
+    "sm": "8px",
+    "md": "12px",
+    "base": "16px",
+    "lg": "24px",
+    "xl": "32px",
+    "2xl": "48px",
+    "3xl": "64px"
+  },
+  "borderRadius": {
+    "none": "0px",
+    "xs": "8px",
+    "sm": "8px",
+    "md": "12px",
+    "lg": "20px",
+    "xl": "24px",
+    "full": "999px"
+  },
+  "shadows": {
+    "shadow-1": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px",
+    "shadow-2": "rgba(0, 0, 0, 0.06) 0px 1px 8px 0px",
+    "shadow-3": "rgb(122, 144, 254) 0px 1px 1px 0px inset",
+    "shadow-4": "rgb(224, 226, 232) 0px 0px 0px 1px",
+    "shadow-5": "rgba(0, 0, 0, 0.18) 0px 0.602187px 0.602187px -1.25px, rgba(0, 0, 0, 0.16) 0px 2.28853px 2.28853px -2.5px, rgba(0, 0, 0, 0.06) 0px 10px 10px -3.75px"
+  },
+  "transitions": {
+    "transition-1": "all",
+    "transition-2": "transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), translate 0.2s cubic-bezier(0.4, 0, 0.2, 1), scale 0.2s cubic-bezier(0.4, 0, 0.2, 1), rotate 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
+    "transition-3": "0.15s cubic-bezier(0.4, 0, 0.2, 1)",
+    "transition-4": "background-color 0.6s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s",
+    "transition-5": "background-color 0.6s cubic-bezier(0.16, 1, 0.3, 1)"
+  },
+  "layout": {
+    "maxWidth": "1200px",
+    "headerHeight": "72px",
+    "sidebarWidth": "0px",
+    "gap": "16px",
+    "containerPadding": "24px"
+  },
+  "cssCustomProperties": {
+    "--border": "lab(90.952% 0 -.0000119209)",
+    "--tw-inset-shadow-alpha": "100%",
+    "--tw-container-xs": "20rem",
+    "--tw-ring-shadow": "0 0 #0000",
+    "--tw-color-blue-50": "lab(96.492% -1.14644 -5.11479)",
+    "--tw-default-transition-duration": ".15s",
+    "--tw-text-lg": "1.125rem",
+    "--tw-text-xs": ".75rem",
+    "--card": "lab(100% 0 0)",
+    "--tw-text-4xl": "2.25rem",
+    "--sidebar-primary-foreground": "lab(98.26% -.0000298023 0)",
+    "--tw-color-light-gray": "#fafafc",
+    "--tw-background-image-ai-gradient": "linear-gradient(135deg,#e87ef1 0%,#fd3 25%,#47d1c4 50%,#85e1ff 75%,#867aff 100%)",
+    "--tw-font-family-noto": "\"Noto Sans\",sans-serif",
+    "--tw-color-yellow-light": "#fffae7",
+    "--tw-color-orange-200": "lab(88.4871% 9.94918 28.8378)",
+    "--tw-drop-shadow-alpha": "100%",
+    "--tw-color-green-400": "lab(78.503% -64.9264 39.7492)",
+    "--tw-animation-delay": "0s",
+    "--tw-text-xs--line-height": "calc(1/.75)",
+    "--tw-text-4xl--line-height": "calc(2.5/2.25)",
+    "--tw-text-base--line-height": "1.5",
+    "--primary-foreground": "lab(98.26% -.0000298023 0)",
+    "--tw-text-xl--line-height": "calc(1.75/1.25)",
+    "--container-max-xl": "1200px",
+    "--tw-color-card-border": "#f1f2f5",
+    "--tw-font-mono": "ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace",
+    "--card-foreground": "lab(2.75381% 0 0)",
+    "--tw-default-transition-timing-function": "cubic-bezier(.4,0,.2,1)",
+    "--tw-color-gray-150": "#e9eaef",
+    "--tw-color-coral-light": "#ffc6c6",
+    "--tw-color-gray-50": "lab(98.2596% -.247031 -.706708)",
+    "--tw-color-black-550": "#3c3f49",
+    "--tw-radius-xs": ".125rem",
+    "--tw-spacing": ".25rem",
+    "--tw-color-rose-light": "#ffd8f4",
+    "--tw-inset-ring-shadow": "0 0 #0000",
+    "--sidebar-accent-foreground": "lab(7.78201% -.0000149012 0)",
+    "--container-max-xxl": "1400px",
+    "--tw-color-actionable-pressed": "#2a41b6",
+    "--container-padding": "3rem",
+    "--tw-color-yellow-dark": "#746019",
+    "--muted": "lab(96.52% -.0000298023 0)",
+    "--tw-color-yellow-700": "lab(47.8202% 25.2426 66.5015)",
+    "--tw-color-input-active": "#555a6a",
+    "--tw-text-sm--line-height": "calc(1.25/.875)",
+    "--tw-ease-in-out": "cubic-bezier(.4,0,.2,1)",
+    "--tw-color-moss-dark": "#187574",
+    "--tw-container-3xl": "48rem",
+    "--tw-animation-direction": "normal",
+    "--tw-enter-scale": "1",
+    "--tw-color-coral-dark": "#600000",
+    "--one-if-corner-shape-supported": "1",
+    "--tw-aspect-video": "16/9",
+    "--tw-color-pink": "#fde0f0",
+    "--accent-foreground": "lab(7.78201% -.0000149012 0)",
+    "--tw-color-success-accent": "#00b473",
+    "--tw-color-gray-200": "lab(91.6229% -.159115 -2.26791)",
+    "--tw-color-purple-300": "lab(78.3298% 26.2195 -34.9499)",
+    "--tw-container-lg": "32rem",
+    "--tw-color-white": "#fff",
+    "--tw-font-weight-normal": "400",
+    "--tw-text-3xl--line-height": "1.2",
+    "--tw-tracking-wider": ".05em",
+    "--tw-color-emerald-200": "lab(90.2247% -31.039 9.47084)",
+    "--popover": "lab(100% 0 0)",
+    "--ring": "lab(66.128% 0 0)",
+    "--tw-inset-shadow": "0 0 #0000",
+    "--tw-ring-offset-color": "#fff",
+    "--tw-gradient-from": "rgba(0, 0, 0, 0)",
+    "--tw-color-teal-light": "#c3faf5",
+    "--tw-color-yellow-400": "lab(83.2664% 8.65132 106.895)",
+    "--tw-color-orange-light": "#ffe6cd",
+    "--tw-shadow-alpha": "100%",
+    "--tw-gradient-to": "rgba(0, 0, 0, 0)",
+    "--tw-color-gray": "#f1f2f5",
+    "--tw-color-tertiary": "#fff",
+    "--tw-color-ocean-light": "#e5f0ff",
+    "--tw-color-input-placeholder": "#a5a8b5",
+    "--sidebar-foreground": "lab(2.75381% 0 0)",
+    "--tw-color-dark-red": "#e3c5c5",
+    "--tw-container-xl": "36rem",
+    "--tw-color-purple-50": "lab(97.1627% 2.99937 -4.13398)",
+    "--tw-exit-rotate": "0",
+    "--sidebar-accent": "lab(96.52% -.0000298023 0)",
+    "--tw-scale-z": "1",
+    "--tw-color-red": "#fbd4d4",
+    "--tw-radius-2xl": "1rem",
+    "--radius": ".625rem",
+    "--popover-foreground": "lab(2.75381% 0 0)",
+    "--tw-color-blue-450": "#5b76fe",
+    "--tw-color-divider-light": "#f1f2f5",
+    "--tw-ring-offset-width": "0px",
+    "--tw-exit-translate-y": "0",
+    "--tw-gradient-via-position": "50%",
+    "--tw-color-cyan-200": "lab(91.0821% -24.0436 -12.8306)",
+    "--tw-color-gray-400": "lab(65.9269% -.832677 -8.17474)",
+    "--tw-color-gray-700": "lab(27.1134% -.956401 -12.3224)",
+    "--tw-color-cyan-light": "#ccf4ff",
+    "--tw-space-x-reverse": "0",
+    "--tw-font-weight-black": "900",
+    "--tw-text-2xl--line-height": "calc(2/1.5)",
+    "--tw-gradient-to-position": "100%",
+    "--chart-4": "lab(80.1641% 16.6016 99.2089)",
+    "--chart-2": "lab(55.0223% -41.0774 -3.90277)",
+    "--tw-color-ocean-dark": "#6490d9",
+    "--tw-text-2xl": "1.5rem",
+    "--tw-tracking-wide": ".025em",
+    "--tw-color-blue-200": "lab(86.15% -4.04379 -21.0797)",
+    "--tw-color-pink-400": "lab(64.5597% 64.3615 -12.7988)",
+    "--sidebar-primary": "lab(7.78201% -.0000149012 0)",
+    "--tw-color-ai-lilac": "#867aff",
+    "--tw-text-base": "1rem",
+    "--tw-gradient-from-position": "0%",
+    "--tw-color-warning-accent": "#fde050",
+    "--tw-color-overlay-backdrop": "#1c1c1e",
+    "--tw-color-blue-100": "lab(92.0301% -2.24757 -11.6453)",
+    "--tw-text-5xl": "3rem",
+    "--tw-color-yellow-300": "lab(89.7033% -.480294 84.4917)",
+    "--tw-ring-offset-shadow": "0 0 #0000",
+    "--tw-font-weight-medium": "500",
+    "--tw-text-3xl": "1.875rem",
+    "--tw-leading-snug": "1.375",
+    "--tw-color-light-blue": "#d2e8ff",
+    "--tw-font-family-pro": "\"Roobert PRO\",\"Roobert PRO Medium\",sans-serif",
+    "--tw-tracking-normal": "0em",
+    "--tw-color-gray-100": "lab(96.1596% -.082314 -1.13575)",
+    "--accent": "lab(96.52% -.0000298023 0)",
+    "--tw-color-blue-600": "#2a41b6",
+    "--tw-color-gray-500": "#656b81",
+    "--tw-text-xl": "1.25rem",
+    "--tw-color-cyan-dark": "#003e57",
+    "--nav-top-offset": "136px",
+    "--tw-container-4xl": "56rem",
+    "--tw-nebula-sunrise-gradient": "linear-gradient(42.9deg,#3859ff 13.33%,#6355e3 27.99%,#975eed 57.31%,#c966f6 86.64%)",
+    "--tw-container-2xl": "42rem",
+    "--tw-animation-iteration-count": "1",
+    "--tw-font-weight-semibold": "600",
+    "--tw-color-gray-900": "#222428",
+    "--tw-exit-opacity": "1",
+    "--tw-color-lilac-dark": "#655be6",
+    "--tw-color-actionable-active": "#7a90fe",
+    "--tw-color-black": "#1c1c1e",
+    "--tw-color-actionable-default": "#3859ff",
+    "--container-max-md": "768px",
+    "--tw-animation-fill-mode": "none",
+    "--tw-color-gray-300": "#c7cad5",
+    "--tw-container-7xl": "80rem",
+    "--tw-exit-blur": "0",
+    "--secondary-foreground": "lab(7.78201% -.0000149012 0)",
+    "--tw-color-warning-background": "#fff8d6",
+    "--background": "lab(100% 0 0)",
+    "--tw-tracking-tight": "-.025em",
+    "--tw-translate-z": "0",
+    "--tw-color-rose-dark": "#55055c",
+    "--tw-color-green": "#d1f7ea",
+    "--tw-color-actionable-disabled": "#c7cad5",
+    "--tw-tracking-widest": ".1em",
+    "--tw-gradient-via": "rgba(0, 0, 0, 0)",
+    "--tw-container-sm": "24rem",
+    "--container-padding-sm": "1.5rem",
+    "--tw-scale-y": "1",
+    "--tw-color-blue-500": "#3859ff",
+    "--tw-color-light-green": "#e9fccf",
+    "--tw-color-actionable-hover": "#314cd9",
+    "--tw-color-primary": "#1c1c1e",
+    "--tw-color-orange": "#fce8cf",
+    "--tw-color-pink-200": "lab(87.4504% 19.6 -6.46662)",
+    "--tw-color-error-accent": "#f24726",
+    "--tw-color-gray-950": "lab(1.90334% .278696 -5.48866)",
+    "--tw-exit-translate-x": "0",
+    "--tw-color-moss-light": "#e1fbf9",
+    "--tw-translate-y": "0",
+    "--tw-color-actionable-visited": "#7a90fe",
+    "--tw-color-secondary": "#555a6a",
+    "--tw-enter-translate-x": "0",
+    "--tw-color-blue-300": "lab(77.5052% -6.4629 -36.42)",
+    "--tw-font-weight-regular": "400",
+    "--tw-color-teal-dark": "#0e4343",
+    "--tw-content": "\"\"",
+    "--tw-text-lg--line-height": "calc(1.75/1.125)",
+    "--chart-5": "lab(72.7183% 31.8671 97.9407)",
+    "--sidebar-border": "lab(90.952% 0 -.0000119209)",
+    "--tw-color-yellow-200": "lab(94.3433% -5.00429 52.9663)",
+    "--tw-color-divider": "#d9dae0",
+    "--muted-foreground": "lab(48.496% 0 0)",
+    "--tw-color-card-border-hover": "#d9dae0",
+    "--tw-animate-pulse": "pulse 2s cubic-bezier(.4,0,.6,1)infinite",
+    "--tw-divide-y-reverse": "0",
+    "--tw-color-miro-yellow": "#fde050",
+    "--tw-border-style": "solid",
+    "--tw-container-md": "28rem",
+    "--tw-color-blue-400": "#7a90fe",
+    "--tw-color-pink-dark": "#be51c8",
+    "--tw-color-violet-400": "lab(62.8239% 34.9159 -60.0512)",
+    "--tw-exit-scale": "1",
+    "--tw-shadow": "0 0 #0000",
+    "--tw-translate-x": "0",
+    "--input": "lab(90.952% 0 -.0000119209)",
+    "--tw-color-purple-400": "lab(63.6946% 47.6127 -59.2066)",
+    "--tw-drop-shadow-lg": "0 4px 4px #00000026",
+    "--tw-leading-tight": "1.25",
+    "--tw-color-gray-800": "lab(16.1051% -1.18239 -11.7533)",
+    "--tw-enter-rotate": "0",
+    "--tw-color-blue": "#cdd8ff",
+    "--tw-color-green-50": "lab(98.1563% -5.60117 2.75913)",
+    "--tw-color-turquoise": "#72dfd5",
+    "--tw-color-orange-dark": "#db8641",
+    "--destructive": "lab(48.4493% 77.4328 61.5452)",
+    "--tw-scale-x": "1",
+    "--tw-enter-translate-y": "0",
+    "--chart-3": "lab(30.372% -13.1853 -18.7887)",
+    "--tw-color-lilac-light": "#e5e2ff",
+    "--sidebar": "lab(98.26% -.0000298023 0)",
+    "--tw-color-canvas-sunshine": "#fde050",
+    "--tw-text-sm": ".875rem",
+    "--tw-color-success-background": "#d1f7ea",
+    "--tw-radius-3xl": "1.5rem",
+    "--container-max-lg": "992px",
+    "--tw-enter-blur": "0",
+    "--tw-blur-lg": "16px",
+    "--tw-color-purple-100": "lab(93.3333% 6.97437 -9.83434)",
+    "--tw-blur-sm": "8px",
+    "--tw-leading-loose": "2",
+    "--tw-space-y-reverse": "0",
+    "--tw-color-blue-550": "#314cd9",
+    "--tw-color-pink-light": "#fde4ff",
+    "--tw-color-error-background": "#fbd4d4",
+    "--tw-text-5xl--line-height": "1",
+    "--tw-color-purple": "#e3d9fd",
+    "--tw-enter-opacity": "1",
+    "--foreground": "lab(2.75381% 0 0)",
+    "--tw-color-gray-600": "lab(35.6337% -1.58697 -10.8425)",
+    "--tw-font-weight-bold": "700",
+    "--tw-color-yellow-500": "lab(76.3898% 14.5258 98.4589)",
+    "--sidebar-ring": "lab(66.128% 0 0)",
+    "--chart-1": "lab(57.1026% 64.2584 89.8886)",
+    "--token-cd60b8ed-d807-4c52-b0f1-a573b77ce8f3": "#fafafc",
+    "--token-53a3cc9d-c241-4609-af0f-07a90bd56cd4": "#aeb2c0",
+    "--token-ee622c91-25ee-4edc-8693-515fd979adb6": "#882020",
+    "--token-d889048a-e97a-430c-acbb-a8e4ffbbf102": "#fde050",
+    "--token-e48cea80-d454-48de-b570-6401a8f1d220": "#d8182c",
+    "--token-2cb319e1-ae71-436a-bee7-92a0ad3d292f": "#fafafc",
+    "--framer-aspect-ratio-supported": "auto",
+    "--token-49b24edc-b32d-4bae-a5da-bb0ac07de608": "#eda2f3",
+    "--token-690e7811-2a12-4e19-a1bf-1f42402443e1": "#a1d295",
+    "--token-33c3afc9-b576-430e-999e-684fcba4bf40": "#7a90fe",
+    "--token-243a224a-9eeb-4732-b7d4-ea196a2e8744": "#314cd9",
+    "--token-5f800bae-f53f-4cd8-9fc0-bbd5aca5d61e": "#ff8080",
+    "--token-1c7e6cb7-5ba0-45db-a03d-d714e30efe91": "#1a1b1ecc",
+    "--token-ea749422-8d31-4581-967a-c158aeabc128": "#d8dae2",
+    "--token-5564c623-3832-4f8d-9247-d879ba3cda89": "#314cd9",
+    "--token-3c6c7bbe-2cee-4b83-9239-ebd6a50cdd19": "#1c1c1e",
+    "--token-72621d22-7e0a-4760-87ee-5e8c15fa9e63": "#3859ff",
+    "--token-1a3e607d-5cbf-4206-a869-e8ba1cf7224c": "#85b6ff",
+    "--token-37880186-c4fa-4cd3-9baf-9745088ab500": "#fff",
+    "--token-6bb26c95-bff1-4f43-84e3-df40115f587f": "#3859ff",
+    "--token-2fad5292-6088-4751-9492-9e9c341e587b": "#ffdf6f",
+    "--token-b661b310-e5d7-4530-b157-7f2879548198": "#1c1c1e",
+    "--token-19b8ab28-aa4e-4dc6-a764-d186ef3baa5b": "#eb8792",
+    "--token-ff9bc596-c7e9-4b91-85ae-8eaf79c2e09a": "#e9eaef",
+    "--token-3112ad54-4180-4503-b29c-582d0a3d34ce": "#fd3",
+    "--font-feature-settings": "\"ss05\" on,\"ss04\" on,\"ss01\" on,\"liga\" off",
+    "--token-0acc461d-57ce-4ae8-8190-366671ad02db": "#80d6f3",
+    "--token-849764b3-ad01-487d-8944-f1bf49916c75": "#fd3",
+    "--token-ac23afd0-cd34-4447-82aa-d751afd3bfff": "#8e83ff",
+    "--token-6196d26f-27fa-4da4-a58f-862c98f5f0a2": "#c7cad5",
+    "--token-dee41500-d7fc-40b6-8116-ff193479f0ad": "#e0e2e8",
+    "--token-04e00626-25e8-4c89-aa5e-9308612194b4": "#fafafc",
+    "--framer-will-change-override": "none",
+    "--token-54194f7b-78cf-42a4-b8fc-72d4bf5714d4": "#fde050",
+    "--token-91b2ef90-5c97-48f9-8e68-4e246c53f1d5": "#1c8f00",
+    "--token-49cbdade-db1a-4657-940d-5d6a4cdf4eb5": "#314cd9",
+    "--token-3f1b767d-bea8-416a-a77b-2c7275d47bbd": "#c7cad5",
+    "--token-1468336e-49f5-416b-9a75-b2517a3cc8a4": "#fff",
+    "--framer-will-change-filter-override": "none",
+    "--token-e888c87a-ec8a-46dc-a2cd-787173e5dbec": "#ffdd3380",
+    "--token-bab4db82-90fe-47d4-a958-5865d426b083": "#c0eb80",
+    "--token-8790091d-31b6-48d1-8579-0904a43ce811": "#7ed996",
+    "--token-32c771f5-ed41-4755-8628-3089a09df745": "#2a41b6",
+    "--token-7b247924-2f88-4d3a-84c5-974c03703c99": "#1c1c1e",
+    "--token-c16206fc-4486-42a3-9d48-99f436a4137c": "#ffa557",
+    "--token-321b85eb-56bc-4432-9b7d-563a801cd143": "#fff",
+    "--token-08ddeb2f-4e0e-41c0-b502-38a2158a81ce": "#555a6a",
+    "--token-1c6c5442-449a-4f84-ad35-141d32227ab9": "#fde050",
+    "--token-e943ecf8-92d0-46e0-bb65-a6818e369c73": "#d8dae2",
+    "--token-16a70e3d-bf42-4208-b67a-5534955a5620": "#72dfd5",
+    "--token-2092dbb5-5cac-4475-852d-799eae42599d": "#f1f2f5",
+    "--token-41dedcfd-21f7-488b-8e53-83080971225e": "#f1f2f5",
+    "--token-e30f9bc6-dc1a-425e-bd50-0f52eab2e4fc": "#e0e2e8",
+    "--token-54639d21-a059-47b7-90b9-f02977a02c28": "#555a6a",
+    "--token-0bd02079-2624-4a8e-99b9-9ebcc4f62711": "#fff",
+    "--token-45ae09c7-04d0-4b94-9fc7-caae125adf90": "#fafafc",
+    "--token-51c4b65d-7282-4452-9855-34f21f2ac63f": "#fd3"
+  }
+}