prism-design 2.13.0

package/extractions/life360.com/tokens.json

@@ -0,0 +1,491 @@
+{
+  "meta": {
+    "source": "https://www.life360.com/",
+    "domain": "life360.com",
+    "extractedAt": "2026-05-30T21:32:41.348Z",
+    "tokenizedAt": "2026-05-30T21:32:56.646Z"
+  },
+  "colors": {
+    "background": {
+      "primary": "rgb(255, 255, 255)",
+      "secondary": "rgb(229, 231, 235)",
+      "tertiary": "rgb(243, 244, 246)"
+    },
+    "text": {
+      "primary": "rgb(49, 48, 46)",
+      "secondary": "rgb(0, 0, 0)",
+      "muted": "#31302e"
+    },
+    "accent": {
+      "primary": "rgb(118, 46, 235)",
+      "secondary": "rgb(154, 102, 255)"
+    },
+    "border": "rgb(49, 48, 46)",
+    "shadow": "rgba(0,0,0,0.1)",
+    "semantic": {
+      "error": "#e94641",
+      "success": "#07bc0c",
+      "warning": "#f1c40f",
+      "info": "#9a66ff"
+    }
+  },
+  "typography": {
+    "fontFamily": {
+      "primary": "Twemoji Country Flags",
+      "secondary": "ui-sans-serif",
+      "mono": "monospace"
+    },
+    "fontSize": {
+      "xs": "12px",
+      "sm": "14px",
+      "base": "16px",
+      "lg": "20px",
+      "xl": "24px",
+      "2xl": "30px",
+      "3xl": "36px",
+      "4xl": "48px"
+    },
+    "fontWeight": {
+      "normal": "400",
+      "medium": "700",
+      "semibold": "700",
+      "bold": "700"
+    },
+    "lineHeight": {
+      "tight": "1.15",
+      "normal": "1.5",
+      "relaxed": "1.5"
+    },
+    "letterSpacing": {
+      "tight": "-0.013em",
+      "normal": "0em",
+      "wide": "-0.013em"
+    }
+  },
+  "spacing": {
+    "xxs": "2px",
+    "xs": "4px",
+    "sm": "8px",
+    "md": "12px",
+    "base": "16px",
+    "lg": "24px",
+    "xl": "32px",
+    "2xl": "48px",
+    "3xl": "64px"
+  },
+  "borderRadius": {
+    "none": "0px",
+    "xs": "4px",
+    "sm": "6px",
+    "md": "12px",
+    "lg": "16px",
+    "xl": "24px",
+    "full": "9999px"
+  },
+  "shadows": {
+    "shadow-1": "rgb(204, 204, 204) 0px 0px 2px 2px"
+  },
+  "transitions": {
+    "transition-1": "all",
+    "transition-2": "opacity 0.7s, visibility",
+    "transition-3": "color 0.2s ease-out",
+    "transition-4": "background-color 0.2s ease-out",
+    "transition-5": "transform 0.1s linear, opacity 0.2s linear, visibility linear"
+  },
+  "layout": {
+    "maxWidth": "1200px",
+    "headerHeight": "0px",
+    "sidebarWidth": "0px",
+    "gap": "normal",
+    "containerPadding": "0px"
+  },
+  "cssCustomProperties": {
+    "--osano-link-color-contrast": "#9a66ff",
+    "--text-placeholder": "#666",
+    "--osano-button-background-color-hover": "#9a66ff",
+    "--toastify-color-warning": "#f1c40f",
+    "--osano-focus-outline-color": "Highlight",
+    "--osano-info-dialog-toggle-off-track-color-hover": "#bebebe",
+    "--throwback": "#00adbb",
+    "--osano-button-deny-background-color-hover": "#9a66ff",
+    "--color-brand-30": "#dabbfa",
+    "--dark-purple": "#562e9b",
+    "--toastify-spinner-color": "#616161",
+    "--pepper": "#af2913",
+    "--osano-toggle-on-thumb-color": "#FFFFFF",
+    "--osano-info-dialog-button-background-color-focus": "#ebebeb",
+    "--evergreen": "#034a3e",
+    "--osano-gpc-color": "#37cd84",
+    "--osano-button-reject-all-foreground-color": "#ffffff",
+    "--toastify-z-index": "9999",
+    "--light-blue-400": "#acf0ff",
+    "--osano-dialog-type": "bar",
+    "--accents-0": "#f8f9fa",
+    "--outline-primary": "#ccc",
+    "--osano-info-dialog-toggle-on-thumb-color-contrast": "#ebebeb",
+    "--osano-toggle-on-track-color-disabled": "#7661a6",
+    "--osano-info-dialog-toggle-off-thumb-color-focus": "#bebebe",
+    "--contrasted": "#0a7e80",
+    "--fa-font-sharp-light": "normal 300 1em/1 \"Font Awesome 6 Sharp\"",
+    "--osano-button-accept-background-color-contrast": "#9a66ff",
+    "--green-dark": "#0c7074",
+    "--osano-info-dialog-toggle-off-track-color": "#d2d2d2",
+    "--grey-750": "#444",
+    "--fa-font-brands": "normal 400 1em/1 \"Font Awesome 6 Brands\"",
+    "--osano-button-background-color": "#8652ff",
+    "--moss-grey": "#243832",
+    "--osano-button-manage-background-color-contrast": "#9a66ff",
+    "--toastify-text-color-warning": "#fff",
+    "--accents-6": "#868e96",
+    "--osano-button-deny-background-color-contrast": "#9a66ff",
+    "--toastify-toast-max-height": "800px",
+    "--osano-info-dialog-button-background-color-hover": "#9a66ff",
+    "--tw-ring-color": "rgb(59 130 246/0.5)",
+    "--error": "#e94641",
+    "--osano-info-dialog-button-background-color": "#8652ff",
+    "--osano-dialog-gpc-foreground-color": "#ffffff",
+    "--blue-600": "#3f50e5",
+    "--osano-info-dialog-gpc-background-color": "#180D43",
+    "--functional-gray-60": "#5c5b5a",
+    "--osano-button-deny-foreground-color-contrast": "#ebebeb",
+    "--blue-900": "#19205c",
+    "--toastify-color-progress-success": "#07bc0c",
+    "--osano-widget-color": "#37cd8f",
+    "--orange": "#ff9548",
+    "--plain-bg": "#fbf9f7",
+    "--color-gray-80": "#31302e",
+    "--toastify-toast-bottom": "max(16px,0px)",
+    "--caribbean": "#01656d",
+    "--color-gray-20": "#e6e4e0",
+    "--osano-toggle-on-track-color-hover": "#4a357a",
+    "--osano-button-accept-foreground-color": "#ffffff",
+    "--osano-button-accept-background-color-focus": "#ebebeb",
+    "--lilac-30": "#f4eeff",
+    "--osano-button-accept-border-color": "#fff",
+    "--color-gray-30": "#c5c4bf",
+    "--osano-widget-position": "right",
+    "--black": "#1d1d1d",
+    "--osano-info-dialog-toggle-on-track-color-focus": "#ebebeb",
+    "--fa-font-light": "normal 300 1em/1 \"Font Awesome 6 Pro\"",
+    "--osano-info-dialog-button-background-color-contrast": "#9a66ff",
+    "--osano-button-foreground-color-focus": "#9a66ff",
+    "--osano-dialog-gpc-color": "#37cd84",
+    "--danger": "#ffbd52",
+    "--cta": "#8652ff",
+    "--toastify-text-color-dark": "#fff",
+    "--tw-gradient-via-position": "",
+    "--tw-saturate": "",
+    "--mirage": "#191931",
+    "--osano-toggle-off-thumb-color-focus": "#bebebe",
+    "--eggplant": "#240047",
+    "--osano-button-deny-foreground-color-hover": "#ebebeb",
+    "--red-100": "#e94641",
+    "--tw-grayscale": "",
+    "--heliotrope": "#f492ff",
+    "--osano-info-dialog-toggle-off-track-color-contrast": "#bebebe",
+    "--gray-50": "#666",
+    "--tw-gradient-to-position": "",
+    "--toastify-icon-color-error": "#e74c3c",
+    "--osano-button-manage-foreground-color-contrast": "#ebebeb",
+    "--fa-font-sharp-solid": "normal 900 1em/1 \"Font Awesome 6 Sharp\"",
+    "--osano-button-accept-foreground-color-focus": "#9a66ff",
+    "--osano-toggle-on-track-color-contrast": "#4a357a",
+    "--toastify-toast-right": "max(16px,0px)",
+    "--gray-10": "#efefef",
+    "--osano-dialog-background-color": "#000",
+    "--osano-toggle-on-track-color-focus": "#ebebeb",
+    "--osano-toggle-on-thumb-color-focus": "#4a357a",
+    "--osano-info-dialog-toggle-on-track-color-contrast": "#4a357a",
+    "--osano-gpc-background-color": "#ffffff",
+    "--accents-3": "#dee2e6",
+    "--cta-light": "#e9deff",
+    "--toastify-spinner-color-empty-area": "#e0e0e0",
+    "--tw-pinch-zoom": "",
+    "--osano-info-dialog-gpc-border-color": "#FFFFFF",
+    "--blue-700": "#170731",
+    "--color-blue-100": "#5dceff",
+    "--color-gray-10": "#f9f7f3",
+    "--text-secondary": "#31302e",
+    "--osano-button-foreground-color-hover": "#ebebeb",
+    "--functional-gray-20": "#e8e6e4",
+    "--core-purple": "#762eeb",
+    "--osano-dialog-background-color-contrast": "#141414",
+    "--osano-info-dialog-button-foreground-color-hover": "#ebebeb",
+    "--color-brand-40": "#c599f7",
+    "--accents-8": "#343a40",
+    "--osano-dialog-gpc-background-color": "#000",
+    "--osano-button-reject-all-background-color": "#8652ff",
+    "--osano-button-background-color-focus": "#ebebeb",
+    "--white": "#fff",
+    "--osano-info-dialog-gpc-foreground-color": "#FFFFFF",
+    "--fa-font-regular": "normal 400 1em/1 \"Font Awesome 6 Free\"",
+    "--accents-2": "#e9ecef",
+    "--color-yellow-20": "#fff5de",
+    "--osano-button-deny-foreground-color": "#ffffff",
+    "--osano-button-deny-background-color-focus": "#ebebeb",
+    "--osano-display-position": "bottom",
+    "--osano-toggle-on-track-color": "#362166",
+    "--tw-numeric-spacing": "",
+    "--osano-button-deny-foreground-color-focus": "#9a66ff",
+    "--osano-button-deny-background-color": "#8652ff",
+    "--osano-link-color": "#8652ff",
+    "--color-tan-10": "#f4f0e7",
+    "--osano-button-close-color": "#ffffff",
+    "--sky": "#75e6ff",
+    "--osano-dialog-foreground-color": "#ffffff",
+    "--green-50": "#01846d",
+    "--green-200": "#4aac42",
+    "--osano-info-dialog-gpc-color": "#37cd84",
+    "--tw-scale-y": "1",
+    "--toastify-color-transparent": "rgba(255,255,255,0.7)",
+    "--tw-backdrop-contrast": "",
+    "--tw-drop-shadow": "",
+    "--osano-button-foreground-color-contrast": "#ebebeb",
+    "--osano-button-accept-background-color-hover": "#9a66ff",
+    "--toastify-font-family": "sans-serif",
+    "--osano-toggle-off-track-color-contrast": "#bebebe",
+    "--functional-gray-50": "#a3a1a0",
+    "--tw-pan-x": "",
+    "--tw-translate-y": "0",
+    "--gray-5": "#f5f5f5",
+    "--osano-button-manage-background-color": "#8652ff",
+    "--osano-gpc-border-color": "#058a5e",
+    "--toastify-color-dark": "#121212",
+    "--color-yellow-50": "#ffe7ad",
+    "--font-primary": "\"Twemoji Country Flags\",\"CentraNo2\"",
+    "--black-600": "#111",
+    "--tw-contain-size": "",
+    "--osano-button-reject-all-background-color-contrast": "#9a66ff",
+    "--osano-info-dialog-toggle-on-thumb-color-disabled": "#bfbfbf",
+    "--osano-info-dialog-toggle-off-thumb-color-hover": "#ebebeb",
+    "--color-magenta-100": "#f16ee5",
+    "--osano-button-manage-background-color-focus": "#ebebeb",
+    "--color-gray-40": "#a5a49e",
+    "--gray-30": "#bebebe",
+    "--toastify-toast-bd-radius": "6px",
+    "--red-300": "#bc0606",
+    "--osano-info-dialog-foreground-color": "#FFFFFF",
+    "--sidewalk-stone": "#f4f0e7",
+    "--toastify-color-progress-bgo": "0.2",
+    "--osano-button-reject-all-border-color": "#fff",
+    "--text-primary": "#31302e",
+    "--color-gray-70": "#51504b",
+    "--color-gray-90": "#1f1e1d",
+    "--osano-button-manage-border-color": "#fff",
+    "--fa-font-duotone": "normal 900 1em/1 \"Font Awesome 6 Duotone\"",
+    "--osano-info-dialog-toggle-on-thumb-color-focus": "#4a357a",
+    "--fa-font-thin": "normal 100 1em/1 \"Font Awesome 6 Pro\"",
+    "--purple-midnight": "#311969",
+    "--osano-button-accept-foreground-color-hover": "#ebebeb",
+    "--tw-translate-x": "0",
+    "--disabled": "rgba(216,216,216,0.3)",
+    "--color-blue-50": "#aee7ff",
+    "--light-gray": "#f5f5f5",
+    "--color-black": "#31302e",
+    "--toastify-color-error": "#e74c3c",
+    "--osano-info-dialog-toggle-on-track-color": "#362166",
+    "--gray-200": "#f8f8f8",
+    "--osano-toggle-button-off-color": "#ffffff",
+    "--tw-border-spacing-y": "0",
+    "--toastify-toast-background": "#fff",
+    "--toastify-toast-left": "max(16px,0px)",
+    "--grey-800": "#4a4a4a",
+    "--mint": "#02e8bf",
+    "--osano-button-reject-all-background-color-hover": "#9a66ff",
+    "--fa-font-sharp-thin": "normal 100 1em/1 \"Font Awesome 6 Sharp\"",
+    "--purple": "#8652ff",
+    "--color-tan-20": "#ece5d5",
+    "--primary": "#fff",
+    "--tw-blur": "",
+    "--tw-invert": "",
+    "--primary-2": "#efefef",
+    "--accents-9": "#212529",
+    "--toastify-text-color-info": "#fff",
+    "--osano-clear-dialog-background": "rgba(24,13,67,0)",
+    "--functional-gray-40": "#c2c0bf",
+    "--tw-contain-layout": "",
+    "--hover-cta": "#5a27ab",
+    "--osano-toggle-off-thumb-color-disabled": "#bfbfbf",
+    "--gold": "#f9ab00",
+    "--tw-backdrop-sepia": "",
+    "--tw-ring-shadow": "0 0 #0000",
+    "--pitch-black": "#000",
+    "--osano-toggle-off-thumb-color": "#FFFFFF",
+    "--accents-7": "#495057",
+    "--grey-400": "#abaeb1",
+    "--tw-sepia": "",
+    "--tw-ordinal": "",
+    "--orchid": "#e366c8",
+    "--tw-contain-style": "",
+    "--osano-toggle-on-thumb-color-disabled": "#bfbfbf",
+    "--black-200": "#d2d2d2",
+    "--gray-4": "#edebf0",
+    "--midnight": "#092c45",
+    "--color-magenta-50": "#f8b6f2",
+    "--tw-backdrop-invert": "",
+    "--off-white": "#f9f9f9",
+    "--osano-info-dialog-button-foreground-color-contrast": "#ebebeb",
+    "--soft-lilac": "#ead6ff",
+    "--color-green-100": "#89ec7e",
+    "--osano-toggle-off-track-color-disabled": "#929292",
+    "--osano-button-manage-foreground-color-hover": "#ebebeb",
+    "--functional-gray-10": "#fbf9f7",
+    "--tw-border-spacing-x": "0",
+    "--lilac": "#e9deff",
+    "--osano-info-dialog-button-foreground-color-focus": "#9a66ff",
+    "--osano-toggle-off-thumb-color-hover": "#ebebeb",
+    "--color-blue-20": "#dff5ff",
+    "--tw-backdrop-grayscale": "",
+    "--tw-hue-rotate": "",
+    "--color-tan-100": "#f4f1eb",
+    "--tw-pan-y": "",
+    "--osano-toggle-off-background-color": "#d2cfff",
+    "--bone": "#fffcf8",
+    "--clay": "#783200",
+    "--osano-button-accept-background-color": "#8652ff",
+    "--toastify-color-progress-error": "#e74c3c",
+    "--osano-toggle-on-thumb-color-hover": "#ebebeb",
+    "--osano-gpc-background-color-contrast": "#ebebeb",
+    "--toastify-text-color-light": "#757575",
+    "--osano-gpc-foreground-color": "#058a5e",
+    "--osano-widget-outline-color": "#29246a",
+    "--text-disabled": "#666",
+    "--swiper-theme-color": "#007aff",
+    "--color-gray-50": "#84837d",
+    "--tw-rotate": "0",
+    "--text-secondary-2": "#666",
+    "--tw-ring-offset-color": "#fff",
+    "--gray-20": "#ccc",
+    "--dark-lilac": "#643bc1",
+    "--toastify-color-progress-dark": "#bb86fc",
+    "--osano-opt-out-widget-position": "left",
+    "--toastify-toast-min-height": "64px",
+    "--toastify-color-progress-warning": "#f1c40f",
+    "--protocol": "#f0e757",
+    "--toastify-color-light": "#fff",
+    "--osano-button-reject-all-foreground-color-hover": "#ebebeb",
+    "--toastify-toast-width": "320px",
+    "--osano-button-manage-foreground-color": "#ffffff",
+    "--osano-button-reject-all-foreground-color-focus": "#9a66ff",
+    "--accents-1": "#f1f3f5",
+    "--osano-info-dialog-button-foreground-color": "#ffffff",
+    "--color-brand-10": "#f6eefe",
+    "--yellow-50": "#fff550",
+    "--yellow-100": "#ffbd52",
+    "--tw-ring-offset-width": "0px",
+    "--osano-info-dialog-link-color-contrast": "#9a66ff",
+    "--osano-info-dialog-toggle-on-thumb-color-hover": "#ebebeb",
+    "--secondary-2": "#666",
+    "--tw-scroll-snap-strictness": "proximity",
+    "--color-brand-20": "#e9d5fd",
+    "--fa-font-sharp-duotone-solid": "normal 900 1em/1 \"Font Awesome 6 Sharp Duotone\"",
+    "--core-black-100": "#0b0a0a",
+    "--accents-4": "#ced4da",
+    "--tw-backdrop-hue-rotate": "",
+    "--burgundy": "#5b0025",
+    "--tw-shadow-colored": "0 0 #0000",
+    "--accents-10": "#546e7a",
+    "--osano-info-dialog-toggle-on-track-color-disabled": "#7661a6",
+    "--tw-numeric-fraction": "",
+    "--color-magenta-20": "#fce2fa",
+    "--functional-gray-70": "#3a3838",
+    "--osano-info-dialog-button-close-color": "#FFFFFF",
+    "--tw-skew-y": "0",
+    "--osano-info-dialog-link-color": "#8652ff",
+    "--violet": "#c1a6ff",
+    "--tw-slashed-zero": "",
+    "--fa-font-solid": "normal 900 1em/1 \"Font Awesome 6 Free\"",
+    "--osano-info-dialog-toggle-on-track-color-hover": "#4a357a",
+    "--tw-backdrop-opacity": "",
+    "--toastify-icon-color-warning": "#f1c40f",
+    "--osano-toggle-on-background-color": "#37cd8f",
+    "--electric-green": "#8fc14e",
+    "--tw-gradient-from-position": "",
+    "--osano-info-dialog-overlay-color": "rgba(0,0,0,0.45)",
+    "--tw-contain-paint": "",
+    "--grey-600": "#757575",
+    "--color-yellow-100": "#ffce5b",
+    "--osano-toggle-off-track-color-focus": "#ebebeb",
+    "--tw-ring-offset-shadow": "0 0 #0000",
+    "--mintgreen-200": "#ccfaf2",
+    "--osano-button-reject-all-background-color-focus": "#ebebeb",
+    "--osano-info-dialog-background-color": "#180D43",
+    "--toastify-toast-offset": "16px",
+    "--tw-backdrop-saturate": "",
+    "--toastify-text-color-error": "#fff",
+    "--color-brand-70": "#5a27ab",
+    "--toastify-color-info": "#3498db",
+    "--osano-info-dialog-toggle-off-track-color-disabled": "#929292",
+    "--color-green-50": "#c4f5be",
+    "--osano-info-dialog-toggle-off-thumb-color-contrast": "#ebebeb",
+    "--osano-info-dialog-toggle-on-thumb-color": "#FFFFFF",
+    "--tw-ring-inset": "",
+    "--ceramic-blue": "#d8e8e2",
+    "--osano-toggle-off-track-color": "#d2d2d2",
+    "--toastify-toast-top": "max(16px,0px)",
+    "--osano-info-dialog-position": "left",
+    "--color-gray-60": "#6d6c65",
+    "--tw-brightness": "",
+    "--osano-info-dialog-button-border-color": "#ffffff",
+    "--osano-button-border-color": "#fff",
+    "--osano-toggle-off-thumb-color-contrast": "#ebebeb",
+    "--color-brand-60": "#762eeb",
+    "--osano-button-background-color-contrast": "#9a66ff",
+    "--osano-dialog-gpc-border-color": "#ffffff",
+    "--osano-toggle-on-thumb-color-contrast": "#ebebeb",
+    "--blue": "#4e37fa",
+    "--tw-backdrop-brightness": "",
+    "--color-slate-100": "#f1f5f9",
+    "--color-brand-80": "#3e1e6f",
+    "--toastify-color-progress-info": "#3498db",
+    "--color-red-20": "#fde4e1",
+    "--functional-gray-30": "#dcdbd9",
+    "--tw-contrast": "",
+    "--toastify-icon-color-success": "#07bc0c",
+    "--osano-info-dialog-toggle-off-thumb-color-disabled": "#bfbfbf",
+    "--olive": "#444000",
+    "--osano-gpc-background-color-hover": "#ffffff",
+    "--osano-toggle-off-track-color-hover": "#bebebe",
+    "--color-red-100": "#f7776b",
+    "--tw-skew-x": "0",
+    "--toastify-text-color-success": "#fff",
+    "--black-300": "#a5a5a5",
+    "--osano-info-dialog-toggle-off-thumb-color": "#FFFFFF",
+    "--osano-button-manage-background-color-hover": "#9a66ff",
+    "--tw-backdrop-blur": "",
+    "--toastify-color-success": "#07bc0c",
+    "--color-red-50": "#fbbbb5",
+    "--tw-shadow": "0 0 #0000",
+    "--gray": "#f4f4f4",
+    "--outline-selected": "#8652ff",
+    "--color-tan-30": "#dfd4b9",
+    "--cyan": "#22b8cf",
+    "--color-park-green": "#c8e802",
+    "--toastify-color-progress-light": "linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)",
+    "--gray-40": "#999",
+    "--black-500": "#4a4a4a",
+    "--osano-button-deny-border-color": "#fff",
+    "--dusk": "#5f3ab5",
+    "--tw-scale-x": "1",
+    "--osano-button-manage-foreground-color-focus": "#9a66ff",
+    "--osano-info-dialog-toggle-off-track-color-focus": "#ebebeb",
+    "--osano-button-foreground-color": "#ffffff",
+    "--selected": "#f5f5f5",
+    "--grey-700": "#5f646a",
+    "--osano-widget-fill-color": "#fff",
+    "--osano-button-accept-foreground-color-contrast": "#ebebeb",
+    "--toastify-icon-color-info": "#3498db",
+    "--color-green-20": "#e7fbe5",
+    "--osano-toggle-button-on-color": "#f4f4f4",
+    "--red-200": "#d60d0d",
+    "--fa-font-sharp-regular": "normal 400 1em/1 \"Font Awesome 6 Sharp\"",
+    "--text-base": "#31302e",
+    "--secondary": "#1d1d1d",
+    "--grey-100": "#f6f6f6",
+    "--tw-numeric-figure": "",
+    "--tidepool-teal": "#b3eff4",
+    "--osano-dialog-foreground-color-contrast": "#ebebeb",
+    "--osano-button-reject-all-foreground-color-contrast": "#ebebeb",
+    "--font-centrano2": "\"centraNo2\",\"centraNo2 Fallback\""
+  }
+}