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

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

@@ -0,0 +1,886 @@
+{
+  "Semantic": {
+    "Neutral": {
+      "Text": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.50}"
+      },
+      "Text_Muted": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.250}"
+      },
+      "Text_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.400}"
+      },
+      "Text_Disabled": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.600}"
+      },
+      "Text_On_Primary": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.900}"
+      },
+      "Icon_On_Primary": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.900}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.900}"
+      },
+      "Background_Muted": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.850}"
+      },
+      "Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.800}"
+      },
+      "Background_White": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.50}"
+      },
+      "Card_Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.875}"
+      },
+      "Card_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.850}"
+      },
+      "Border": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.700}"
+      },
+      "Separator_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.750}"
+      },
+      "Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.775}"
+      },
+      "Disabled": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.750}"
+      },
+      "Overflow": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.800}"
+      },
+      "Icon": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.250}"
+      },
+      "Icon_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.500}"
+      },
+      "Icon_Disabled": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.600}"
+      },
+      "Field_Border": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.750}"
+      },
+      "Action_Secondary": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.600}"
+      },
+      "Action_Secondary_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.500}"
+      },
+      "Action_Secondary_Active": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.750}"
+      },
+      "Chip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.600}"
+      },
+      "Chip_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.500}"
+      },
+      "Chip_Background_Active": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.400}"
+      },
+      "Chip_Background_Disabled": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.400}"
+      },
+      "Large_Tooltip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.800}"
+      },
+      "Large_Tooltip_Border": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.750}"
+      },
+      "Small_Tooltip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.0}"
+      },
+      "Small_Tooltip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.800}"
+      },
+      "Small_Tooltip_Border": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.750}"
+      },
+      "Overlay": {
+        "$type": "color",
+        "$value": "#101114"
+      },
+      "Field_Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.950}"
+      },
+      "Text_Placeholder": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.500}"
+      }
+    },
+    "Primary": {
+      "Text": {
+        "$type": "color",
+        "$value": "{Palette.Blue.100}"
+      },
+      "Text_Interactive": {
+        "$type": "color",
+        "$value": "{Palette.Blue.100}"
+      },
+      "Icon": {
+        "$type": "color",
+        "$value": "{Palette.Blue.300}"
+      },
+      "Action": {
+        "$type": "color",
+        "$value": "{Palette.Blue.200}"
+      },
+      "Action_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Blue.75}"
+      },
+      "Action_Active": {
+        "$type": "color",
+        "$value": "{Palette.Blue.300}"
+      },
+      "Field_Border_Active": {
+        "$type": "color",
+        "$value": "{Palette.Blue.300}"
+      },
+      "Border_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Blue.350}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Blue.600}"
+      },
+      "Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Blue.700}"
+      },
+      "Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Blue.400}"
+      },
+      "Chip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Blue.600}"
+      },
+      "Chip_Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Blue.700}"
+      },
+      "Chip_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Blue.400}"
+      },
+      "Chip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Blue.50}"
+      },
+      "Shadow_Active": {
+        "$type": "color",
+        "$value": "{Palette.Blue.350}"
+      }
+    },
+    "Primary_Black": {
+      "Action": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.0}"
+      },
+      "Action_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.150}"
+      },
+      "Action_Active": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.50}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.50}"
+      },
+      "Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.75}"
+      },
+      "Chip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Neutral.950}"
+      }
+    },
+    "Success": {
+      "Text": {
+        "$type": "color",
+        "$value": "{Palette.Green.100}"
+      },
+      "Icon": {
+        "$type": "color",
+        "$value": "{Palette.Green.200}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Green.500}"
+      },
+      "Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Green.400}"
+      },
+      "Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Green.700}"
+      },
+      "Background_Subtle_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Green.500}"
+      },
+      "Background_Subtle_Active": {
+        "$type": "color",
+        "$value": "{Palette.Green.350}"
+      },
+      "Chip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Green.500}"
+      },
+      "Chip_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Green.400}"
+      },
+      "Chip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Green.50}"
+      },
+      "Border": {
+        "$type": "color",
+        "$value": "{Palette.Green.300}"
+      },
+      "Border_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Green.350}"
+      },
+      "Action": {
+        "$type": "color",
+        "$value": "{Palette.Green.200}"
+      },
+      "Action_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Green.100}"
+      },
+      "Action_Active": {
+        "$type": "color",
+        "$value": "{Palette.Green.300}"
+      }
+    },
+    "Warning": {
+      "Text": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.75}"
+      },
+      "Icon": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.75}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.500}"
+      },
+      "Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.400}"
+      },
+      "Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.700}"
+      },
+      "Chip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.500}"
+      },
+      "Chip_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.400}"
+      },
+      "Chip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.50}"
+      },
+      "Border": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.300}"
+      },
+      "Border_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.350}"
+      },
+      "Field_border": {
+        "$type": "color",
+        "$value": "{Palette.Yellow.200}"
+      }
+    },
+    "Danger": {
+      "Text": {
+        "$type": "color",
+        "$value": "{Palette.Red.100}"
+      },
+      "Icon": {
+        "$type": "color",
+        "$value": "{Palette.Red.200}"
+      },
+      "Background": {
+        "$type": "color",
+        "$value": "{Palette.Red.500}"
+      },
+      "Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Red.400}"
+      },
+      "Background_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Red.700}"
+      },
+      "Background_Subtle_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Red.500}"
+      },
+      "Background_Subtle_Active": {
+        "$type": "color",
+        "$value": "{Palette.Red.350}"
+      },
+      "Chip_Background": {
+        "$type": "color",
+        "$value": "{Palette.Red.500}"
+      },
+      "Chip_Background_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Red.400}"
+      },
+      "Chip_Text": {
+        "$type": "color",
+        "$value": "{Palette.Red.50}"
+      },
+      "Border": {
+        "$type": "color",
+        "$value": "{Palette.Red.300}"
+      },
+      "Border_Subtle": {
+        "$type": "color",
+        "$value": "{Palette.Red.350}"
+      },
+      "Field_Border": {
+        "$type": "color",
+        "$value": "{Palette.Red.200}"
+      },
+      "Action": {
+        "$type": "color",
+        "$value": "{Palette.Red.200}"
+      },
+      "Action_Hover": {
+        "$type": "color",
+        "$value": "{Palette.Red.100}"
+      },
+      "Action_Active": {
+        "$type": "color",
+        "$value": "{Palette.Red.300}"
+      }
+    },
+    "Special": {
+      "Free_Plan_Background": {
+        "$type": "color",
+        "$value": "#9a4e2d"
+      },
+      "Starter_Plan_Background": {
+        "$type": "color",
+        "$value": "#b87939"
+      },
+      "Scale_Plan_Background": {
+        "$type": "color",
+        "$value": "#425484"
+      },
+      "Business_Plan_Background": {
+        "$type": "color",
+        "$value": "#408288"
+      },
+      "Enterprise_Plan_Background": {
+        "$type": "color",
+        "$value": "#48296f"
+      }
+    }
+  },
+  "Decorative": {
+    "Rose": {
+      "Light": {
+        "$type": "color",
+        "$value": "#e88bb3"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#b8487b"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#6f234f"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#ed8bb5"
+      }
+    },
+    "Buttercup": {
+      "Light": {
+        "$type": "color",
+        "$value": "#f9deaa"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#e5b557"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#b87939"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#ebbf6c"
+      }
+    },
+    "Paprika": {
+      "Light": {
+        "$type": "color",
+        "$value": "#e26c7d"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#9e384b"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#511d27"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#f67c8d"
+      }
+    },
+    "Teal": {
+      "Light": {
+        "$type": "color",
+        "$value": "#aef0f5"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#58bcc4"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#408288"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#62c1c8"
+      }
+    },
+    "Indigo": {
+      "Light": {
+        "$type": "color",
+        "$value": "#a8b7ed"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#6d85ca"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#425484"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#a2b2eb"
+      }
+    },
+    "Slate": {
+      "Light": {
+        "$type": "color",
+        "$value": "#c2c5dc"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#8690bf"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#535c81"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#afb2c9"
+      }
+    },
+    "Coral": {
+      "Light": {
+        "$type": "color",
+        "$value": "#f3ccb0"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#f08848"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#9a4e2d"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#f9b27b"
+      }
+    },
+    "Lavender": {
+      "Light": {
+        "$type": "color",
+        "$value": "#b482ed"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#8148c9"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#48296f"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#be8af9"
+      }
+    },
+    "Bamboo": {
+      "Light": {
+        "$type": "color",
+        "$value": "#7acaa9"
+      },
+      "Base": {
+        "$type": "color",
+        "$value": "#439274"
+      },
+      "Dark": {
+        "$type": "color",
+        "$value": "#305b4a"
+      },
+      "Text": {
+        "$type": "color",
+        "$value": "#65bc99"
+      }
+    }
+  },
+  "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": "#e1e3ed"
+      },
+      "150": {
+        "$type": "color",
+        "$value": "#d1d5e4"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#c1c6d9"
+      },
+      "250": {
+        "$type": "color",
+        "$value": "#b2b8cc"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#a5abc0"
+      },
+      "350": {
+        "$type": "color",
+        "$value": "#989eb3"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#8c93a8"
+      },
+      "450": {
+        "$type": "color",
+        "$value": "#7d8499"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#6e758a"
+      },
+      "550": {
+        "$type": "color",
+        "$value": "#646a7f"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#575d71"
+      },
+      "650": {
+        "$type": "color",
+        "$value": "#4d5265"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#414758"
+      },
+      "750": {
+        "$type": "color",
+        "$value": "#343847"
+      },
+      "775": {
+        "$type": "color",
+        "$value": "#2d313e"
+      },
+      "800": {
+        "$type": "color",
+        "$value": "#2a2d39"
+      },
+      "850": {
+        "$type": "color",
+        "$value": "#252832"
+      },
+      "875": {
+        "$type": "color",
+        "$value": "#1e2027"
+      },
+      "900": {
+        "$type": "color",
+        "$value": "#1a1b21"
+      },
+      "950": {
+        "$type": "color",
+        "$value": "#101114"
+      }
+    },
+    "Yellow": {
+      "25": {
+        "$type": "color",
+        "$value": "#fcdc73"
+      },
+      "50": {
+        "$type": "color",
+        "$value": "#ffd761"
+      },
+      "75": {
+        "$type": "color",
+        "$value": "#f9ce4b"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#f5bc38"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#cf9117"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#a56909"
+      },
+      "350": {
+        "$type": "color",
+        "$value": "#8a4f05"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#6d3806"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#5d2e0e"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#3f1b07"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#301806"
+      }
+    },
+    "Red": {
+      "25": {
+        "$type": "color",
+        "$value": "#f5a790"
+      },
+      "50": {
+        "$type": "color",
+        "$value": "#fe9e8a"
+      },
+      "75": {
+        "$type": "color",
+        "$value": "#ff8770"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#ff7157"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#ef6045"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#cf4436"
+      },
+      "350": {
+        "$type": "color",
+        "$value": "#aa3229"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#812420"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#672523"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#40191b"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#381719"
+      }
+    },
+    "Green": {
+      "25": {
+        "$type": "color",
+        "$value": "#74d584"
+      },
+      "50": {
+        "$type": "color",
+        "$value": "#6ccd7c"
+      },
+      "75": {
+        "$type": "color",
+        "$value": "#55c06a"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#3bb358"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#23a64a"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#068a35"
+      },
+      "350": {
+        "$type": "color",
+        "$value": "#006e29"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#00531e"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#14441f"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#0f2b14"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#09260f"
+      }
+    },
+    "Blue": {
+      "25": {
+        "$type": "color",
+        "$value": "#92c0ff"
+      },
+      "50": {
+        "$type": "color",
+        "$value": "#8ebcff"
+      },
+      "75": {
+        "$type": "color",
+        "$value": "#80a9ff"
+      },
+      "100": {
+        "$type": "color",
+        "$value": "#6f9dff"
+      },
+      "200": {
+        "$type": "color",
+        "$value": "#5990ff"
+      },
+      "300": {
+        "$type": "color",
+        "$value": "#3970d7"
+      },
+      "350": {
+        "$type": "color",
+        "$value": "#295cbb"
+      },
+      "400": {
+        "$type": "color",
+        "$value": "#194594"
+      },
+      "500": {
+        "$type": "color",
+        "$value": "#1a3a78"
+      },
+      "600": {
+        "$type": "color",
+        "$value": "#0d2550"
+      },
+      "700": {
+        "$type": "color",
+        "$value": "#151d34"
+      }
+    }
+  }
+}