@apify/ui-library 0.76.3 → 0.76.4-featcolortokens-178953.36

package/src/design_system/colors/figma_color_tokens.light.json

@@ -0,0 +1,886 @@
+{
+  "Semantic": {
+    "Neutral": {
+      "Text": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.850}"
+      },
+      "Text_Muted": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.700}"
+      },
+      "Text_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.500}"
+      },
+      "Text_Disabled": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.200}"
+      },
+      "Text_On_Primary": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.0}"
+      },
+      "Icon_On_Primary": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.0}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.0}"
+      },
+      "Background_Muted": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.25}"
+      },
+      "Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.50}"
+      },
+      "Background_White": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.0}"
+      },
+      "Card_Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.0}"
+      },
+      "Card_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.0}"
+      },
+      "Border": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.150}"
+      },
+      "Separator_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.100}"
+      },
+      "Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.75}"
+      },
+      "Disabled": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.50}"
+      },
+      "Overflow": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.100}"
+      },
+      "Icon": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.600}"
+      },
+      "Icon_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.400}"
+      },
+      "Icon_Disabled": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.250}"
+      },
+      "Field_Border": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.200}"
+      },
+      "Action_Secondary": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.150}"
+      },
+      "Action_Secondary_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.100}"
+      },
+      "Action_Secondary_Active": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.150}"
+      },
+      "Chip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.100}"
+      },
+      "Chip_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.150}"
+      },
+      "Chip_Background_Active": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.200}"
+      },
+      "Chip_Background_Disabled": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.150}"
+      },
+      "Large_Tooltip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.0}"
+      },
+      "Large_Tooltip_Border": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.100}"
+      },
+      "Small_Tooltip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.0}"
+      },
+      "Small_Tooltip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.900}"
+      },
+      "Small_Tooltip_Border": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.850}"
+      },
+      "Overlay": {
+        "$type": "color",
+        "$value": "#191b22"
+      },
+      "Field_Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.25}"
+      },
+      "Text_Placeholder": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.350}"
+      }
+    },
+    "Primary": {
+      "Text": {
+        "$type": "color",
+        "$value": "{Palette.Blue.500}"
+      },
+      "Text_Interactive": {
+        "$type": "color",
+        "$value": "{Palette.Blue.500}"
+      },
+      "Icon": {
+        "$type": "color",
+        "$value": "{Palette.Blue.500}"
+      },
+      "Action": {
+        "$type": "color",
+        "$value": "{Palette.Blue.500}"
+      },
+      "Action_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Blue.400}"
+      },
+      "Action_Active": {
+        "$type": "color",
+        "$value": "{Palette.Blue.600}"
+      },
+      "Field_Border_Active": {
+        "$type": "color",
+        "$value": "{Palette.Blue.500}"
+      },
+      "Border_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Blue.200}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Blue.50}"
+      },
+      "Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Blue.25}"
+      },
+      "Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Blue.100}"
+      },
+      "Chip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Blue.50}"
+      },
+      "Chip_Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Blue.25}"
+      },
+      "Chip_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Blue.100}"
+      },
+      "Chip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Blue.600}"
+      },
+      "Shadow_Active": {
+        "$type": "color",
+        "$value": "{Palette.Blue.200}"
+      }
+    },
+    "Primary_Black": {
+      "Action": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.800}"
+      },
+      "Action_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.775}"
+      },
+      "Action_Active": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.950}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.875}"
+      },
+      "Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.700}"
+      },
+      "Chip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.25}"
+      }
+    },
+    "Success": {
+      "Text": {
+        "$type": "color",
+        "$value": "{Palette.Green.500}"
+      },
+      "Icon": {
+        "$type": "color",
+        "$value": "{Palette.Green.500}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Green.50}"
+      },
+      "Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Green.100}"
+      },
+      "Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Green.25}"
+      },
+      "Background_Subtle_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Green.100}"
+      },
+      "Background_Subtle_Active": {
+        "$type": "color",
+        "$value": "{Palette.Green.200}"
+      },
+      "Chip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Green.50}"
+      },
+      "Chip_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Green.100}"
+      },
+      "Chip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Green.600}"
+      },
+      "Border": {
+        "$type": "color",
+        "$value": "{Palette.Green.400}"
+      },
+      "Border_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Green.200}"
+      },
+      "Action": {
+        "$type": "color",
+        "$value": "{Palette.Green.500}"
+      },
+      "Action_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Green.400}"
+      },
+      "Action_Active": {
+        "$type": "color",
+        "$value": "{Palette.Green.600}"
+      }
+    },
+    "Warning": {
+      "Text": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.500}"
+      },
+      "Icon": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.200}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.50}"
+      },
+      "Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.100}"
+      },
+      "Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.25}"
+      },
+      "Chip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.50}"
+      },
+      "Chip_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.100}"
+      },
+      "Chip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.600}"
+      },
+      "Border": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.400}"
+      },
+      "Border_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.200}"
+      },
+      "Field_border": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.200}"
+      }
+    },
+    "Danger": {
+      "Text": {
+        "$type": "color",
+        "$value": "{Palette.Red.500}"
+      },
+      "Icon": {
+        "$type": "color",
+        "$value": "{Palette.Red.500}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Red.50}"
+      },
+      "Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Red.100}"
+      },
+      "Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Red.25}"
+      },
+      "Background_Subtle_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Red.100}"
+      },
+      "Background_Subtle_Active": {
+        "$type": "color",
+        "$value": "{Palette.Red.200}"
+      },
+      "Chip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Red.50}"
+      },
+      "Chip_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Red.100}"
+      },
+      "Chip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Red.600}"
+      },
+      "Border": {
+        "$type": "color",
+        "$value": "{Palette.Red.400}"
+      },
+      "Border_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Red.200}"
+      },
+      "Field_Border": {
+        "$type": "color",
+        "$value": "{Palette.Red.400}"
+      },
+      "Action": {
+        "$type": "color",
+        "$value": "{Palette.Red.500}"
+      },
+      "Action_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Red.400}"
+      },
+      "Action_Active": {
+        "$type": "color",
+        "$value": "{Palette.Red.600}"
+      }
+    },
+    "Special": {
+      "Free_Plan_Background": {
+        "$type": "color",
+        "$value": "#ffc89f"
+      },
+      "Starter_Plan_Background": {
+        "$type": "color",
+        "$value": "#ffdd96"
+      },
+      "Scale_Plan_Background": {
+        "$type": "color",
+        "$value": "#a1b7ff"
+      },
+      "Business_Plan_Background": {
+        "$type": "color",
+        "$value": "#a7f2ed"
+      },
+      "Enterprise_Plan_Background": {
+        "$type": "color",
+        "$value": "#bf97ed"
+      }
+    }
+  },
+  "Decorative": {
+    "Rose": {
+      "Light": {
+        "$type": "color",
+        "$value": "#f483b5"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#c6387d"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#781552"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#b6006b"
+      }
+    },
+    "Buttercup": {
+      "Light": {
+        "$type": "color",
+        "$value": "#ffdd96"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#f0b21b"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#c37319"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#a65d00"
+      }
+    },
+    "Paprika": {
+      "Light": {
+        "$type": "color",
+        "$value": "#e44467"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#9b0238"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#4a0018"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#ba0044"
+      }
+    },
+    "Teal": {
+      "Light": {
+        "$type": "color",
+        "$value": "#a7f2ed"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#30c0bb"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#297774"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#018181"
+      }
+    },
+    "Indigo": {
+      "Light": {
+        "$type": "color",
+        "$value": "#a1b7ff"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#5d85e1"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#365494"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#2563c1"
+      }
+    },
+    "Slate": {
+      "Light": {
+        "$type": "color",
+        "$value": "#c1c5e1"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#8490c4"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#525c85"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#566087"
+      }
+    },
+    "Coral": {
+      "Light": {
+        "$type": "color",
+        "$value": "#ffc89f"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#fa8136"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#bb4511"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#c74000"
+      }
+    },
+    "Lavender": {
+      "Light": {
+        "$type": "color",
+        "$value": "#bf97ed"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#6a14de"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#330276"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#6e00f4"
+      }
+    },
+    "Bamboo": {
+      "Light": {
+        "$type": "color",
+        "$value": "#64cda5"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#12966f"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#195d46"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#007455"
+      }
+    }
+  },
+  "Palette": {
+    "Neutral": {
+      "0": {
+        "$type": "color",
+        "$value": "#ffffff"
+      },
+      "25": {
+        "$type": "color",
+        "$value": "#f8f9fc"
+      },
+      "50": {
+        "$type": "color",
+        "$value": "#f3f4fa"
+      },
+      "75": {
+        "$type": "color",
+        "$value": "#eef0f8"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#e0e3f2"
+      },
+      "150": {
+        "$type": "color",
+        "$value": "#d0d5e9"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#c0c6de"
+      },
+      "250": {
+        "$type": "color",
+        "$value": "#b0b8d1"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#a3abc5"
+      },
+      "350": {
+        "$type": "color",
+        "$value": "#969eb8"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#8a93ae"
+      },
+      "450": {
+        "$type": "color",
+        "$value": "#7b84a0"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#6c7590"
+      },
+      "550": {
+        "$type": "color",
+        "$value": "#626a85"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#555d76"
+      },
+      "650": {
+        "$type": "color",
+        "$value": "#4b526b"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#3f475d"
+      },
+      "750": {
+        "$type": "color",
+        "$value": "#31384d"
+      },
+      "775": {
+        "$type": "color",
+        "$value": "#2b3143"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#272d3e"
+      },
+      "850": {
+        "$type": "color",
+        "$value": "#242836"
+      },
+      "875": {
+        "$type": "color",
+        "$value": "#1d202a"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#191b22"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#0a0b0f"
+      }
+    },
+    "Yellow": {
+      "25": {
+        "$type": "color",
+        "$value": "#f9f6ea"
+      },
+      "50": {
+        "$type": "color",
+        "$value": "#f9f0db"
+      },
+      "75": {
+        "$type": "color",
+        "$value": "#f7e8c4"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#f7dfb1"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#f5b315"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#e39c04"
+      },
+      "350": {
+        "$type": "color",
+        "$value": "#d58e00"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#ca8200"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#a96600"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#8c4e02"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#864906"
+      }
+    },
+    "Red": {
+      "25": {
+        "$type": "color",
+        "$value": "#fcf2ef"
+      },
+      "50": {
+        "$type": "color",
+        "$value": "#fff0ec"
+      },
+      "75": {
+        "$type": "color",
+        "$value": "#ffe3dc"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#fedad1"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#ffb39f"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#ff886e"
+      },
+      "350": {
+        "$type": "color",
+        "$value": "#fc7156"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#fa4d37"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#e3231d"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#bb0401"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#af0600"
+      }
+    },
+    "Green": {
+      "25": {
+        "$type": "color",
+        "$value": "#e8f9ef"
+      },
+      "50": {
+        "$type": "color",
+        "$value": "#e4f5e5"
+      },
+      "75": {
+        "$type": "color",
+        "$value": "#daefdc"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#cfe9d1"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#80da8d"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#46c263"
+      },
+      "350": {
+        "$type": "color",
+        "$value": "#22b551"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#00ab46"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#008a27"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#086e08"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#176b08"
+      }
+    },
+    "Blue": {
+      "25": {
+        "$type": "color",
+        "$value": "#f0f8ff"
+      },
+      "50": {
+        "$type": "color",
+        "$value": "#ecf1ff"
+      },
+      "75": {
+        "$type": "color",
+        "$value": "#e1eaff"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#d8e2ff"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#b2c6ff"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#88abfe"
+      },
+      "350": {
+        "$type": "color",
+        "$value": "#709efd"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#5290f9"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#1672eb"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#1a57da"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#224ed5"
+      }
+    }
+  }
+}