@apify/ui-library 1.100.0 → 1.100.2

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

@@ -435,167 +435,115 @@
       }
     }
   },
-  "Decorative": {
-    "Rose": {
-      "Light": {
-        "$type": "color",
-        "$value": "#f483b5"
-      },
-      "Base": {
-        "$type": "color",
-        "$value": "#c6387d"
-      },
-      "Dark": {
-        "$type": "color",
-        "$value": "#781552"
-      },
-      "Text": {
-        "$type": "color",
-        "$value": "#b6006b"
-      }
-    },
-    "Buttercup": {
-      "Light": {
+  "Brand": {
+    "Magenta": {
+      "Deep": {
         "$type": "color",
-        "$value": "#ffdd96"
+        "$value": "#694d6b"
       },
-      "Base": {
+      "Main": {
         "$type": "color",
-        "$value": "#f0b21b"
+        "$value": "#9d829f"
       },
-      "Dark": {
+      "Tint": {
         "$type": "color",
-        "$value": "#c37319"
+        "$value": "#fef3ff"
       },
-      "Text": {
+      "Accent": {
         "$type": "color",
-        "$value": "#a65d00"
+        "$value": "#ff64b8"
       }
     },
-    "Paprika": {
-      "Light": {
+    "Mondo": {
+      "Deep": {
         "$type": "color",
-        "$value": "#e44467"
+        "$value": "#ff4800"
       },
-      "Base": {
+      "Main": {
         "$type": "color",
-        "$value": "#9b0238"
+        "$value": "#b94013"
       },
-      "Dark": {
+      "Medium": {
         "$type": "color",
-        "$value": "#4a0018"
+        "$value": "#d4673f"
       },
-      "Text": {
+      "Muted": {
         "$type": "color",
-        "$value": "#ba0044"
-      }
-    },
-    "Teal": {
-      "Light": {
-        "$type": "color",
-        "$value": "#a7f2ed"
+        "$value": "#db8663"
       },
-      "Base": {
+      "Subtle": {
         "$type": "color",
-        "$value": "#30c0bb"
+        "$value": "#f3b390"
       },
-      "Dark": {
+      "Tint": {
         "$type": "color",
-        "$value": "#297774"
+        "$value": "#fcdece"
       },
-      "Text": {
+      "Accent": {
         "$type": "color",
-        "$value": "#018181"
+        "$value": "#4e4236"
       }
     },
-    "Indigo": {
-      "Light": {
+    "Lime": {
+      "Deep": {
         "$type": "color",
-        "$value": "#a1b7ff"
+        "$value": "#756506"
       },
-      "Base": {
+      "Main": {
         "$type": "color",
-        "$value": "#5d85e1"
-      },
-      "Dark": {
-        "$type": "color",
-        "$value": "#365494"
-      },
-      "Text": {
-        "$type": "color",
-        "$value": "#2563c1"
-      }
-    },
-    "Slate": {
-      "Light": {
-        "$type": "color",
-        "$value": "#c1c5e1"
+        "$value": "#968108"
       },
-      "Base": {
+      "Medium": {
         "$type": "color",
-        "$value": "#8490c4"
+        "$value": "#c69f3d"
       },
-      "Dark": {
+      "Tint": {
         "$type": "color",
-        "$value": "#525c85"
+        "$value": "#e8e3b5"
       },
-      "Text": {
+      "Accent": {
         "$type": "color",
-        "$value": "#566087"
+        "$value": "#ffff5a"
       }
     },
-    "Coral": {
-      "Light": {
+    "Meteorite": {
+      "Deep": {
         "$type": "color",
-        "$value": "#ffc89f"
+        "$value": "#321868"
       },
-      "Base": {
-        "$type": "color",
-        "$value": "#fa8136"
-      },
-      "Dark": {
+      "Main": {
         "$type": "color",
-        "$value": "#bb4511"
+        "$value": "#6759e6"
       },
-      "Text": {
-        "$type": "color",
-        "$value": "#c74000"
-      }
-    },
-    "Lavender": {
-      "Light": {
+      "Medium": {
         "$type": "color",
-        "$value": "#bf97ed"
+        "$value": "#bcb8ee"
       },
-      "Base": {
+      "Accent": {
         "$type": "color",
-        "$value": "#6a14de"
+        "$value": "#38fb9d"
       },
-      "Dark": {
+      "Muted": {
         "$type": "color",
-        "$value": "#330276"
+        "$value": "#a4ffd3"
       },
-      "Text": {
+      "Tint": {
         "$type": "color",
-        "$value": "#6e00f4"
+        "$value": "#dffff0"
       }
     },
-    "Bamboo": {
-      "Light": {
-        "$type": "color",
-        "$value": "#64cda5"
-      },
-      "Base": {
+    "Logo": {
+      "Orange": {
         "$type": "color",
-        "$value": "#12966f"
+        "$value": "#f86606"
       },
-      "Dark": {
+      "Green": {
         "$type": "color",
-        "$value": "#195d46"
+        "$value": "#20a34e"
       },
-      "Text": {
+      "Blue": {
         "$type": "color",
-        "$value": "#007455"
+        "$value": "#246dff"
       }
     }
   },
@@ -882,5 +830,169 @@
         "$value": "#224ed5"
       }
     }
+  },
+  "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"
+      }
+    }
   }
 }

package/src/design_system/colors/generated/colors_theme.dark.ts

@@ -3,42 +3,31 @@
  */
 
 export const darkTheme = {
-    roseLight: '#e88bb3',
-    roseBase: '#b8487b',
-    roseDark: '#6f234f',
-    roseText: '#ed8bb5',
-    buttercupLight: '#f9deaa',
-    buttercupBase: '#e5b557',
-    buttercupDark: '#b87939',
-    buttercupText: '#ebbf6c',
-    paprikaLight: '#e26c7d',
-    paprikaBase: '#9e384b',
-    paprikaDark: '#511d27',
-    paprikaText: '#f67c8d',
-    tealLight: '#aef0f5',
-    tealBase: '#58bcc4',
-    tealDark: '#408288',
-    tealText: '#62c1c8',
-    indigoLight: '#a8b7ed',
-    indigoBase: '#6d85ca',
-    indigoDark: '#425484',
-    indigoText: '#a2b2eb',
-    slateLight: '#c2c5dc',
-    slateBase: '#8690bf',
-    slateDark: '#535c81',
-    slateText: '#afb2c9',
-    coralLight: '#f3ccb0',
-    coralBase: '#f08848',
-    coralDark: '#9a4e2d',
-    coralText: '#f9b27b',
-    lavenderLight: '#b482ed',
-    lavenderBase: '#8148c9',
-    lavenderDark: '#48296f',
-    lavenderText: '#be8af9',
-    bambooLight: '#7acaa9',
-    bambooBase: '#439274',
-    bambooDark: '#305b4a',
-    bambooText: '#65bc99',
+    magentaDeep: '#694d6b',
+    magentaMain: '#9d829f',
+    magentaTint: '#fef3ff',
+    magentaAccent: '#ff64b8',
+    mondoDeep: '#ff4800',
+    mondoMain: '#b94013',
+    mondoMedium: '#d4673f',
+    mondoMuted: '#db8663',
+    mondoSubtle: '#f3b390',
+    mondoTint: '#fcdece',
+    mondoAccent: '#4e4236',
+    limeDeep: '#756506',
+    limeMain: '#968108',
+    limeMedium: '#c69f3d',
+    limeTint: '#e8e3b5',
+    limeAccent: '#ffff5a',
+    meteoriteDeep: '#321868',
+    meteoriteMain: '#6759e6',
+    meteoriteMedium: '#bcb8ee',
+    meteoriteAccent: '#38fb9d',
+    meteoriteMuted: '#a4ffd3',
+    meteoriteTint: '#dffff0',
+    logoOrange: '#f86606',
+    logoGreen: '#20a34e',
+    logoBlue: '#246dff',
     neutral0: '#ffffff',
     neutral25: '#f9f9fa',
     neutral50: '#f4f4f5',
@@ -107,4 +96,40 @@ export const darkTheme = {
     blue500: '#1a3a78',
     blue600: '#0d2550',
     blue700: '#151d34',
+    roseLight: '#e88bb3',
+    roseBase: '#b8487b',
+    roseDark: '#6f234f',
+    roseText: '#ed8bb5',
+    buttercupLight: '#f9deaa',
+    buttercupBase: '#e5b557',
+    buttercupDark: '#b87939',
+    buttercupText: '#ebbf6c',
+    paprikaLight: '#e26c7d',
+    paprikaBase: '#9e384b',
+    paprikaDark: '#511d27',
+    paprikaText: '#f67c8d',
+    tealLight: '#aef0f5',
+    tealBase: '#58bcc4',
+    tealDark: '#408288',
+    tealText: '#62c1c8',
+    indigoLight: '#a8b7ed',
+    indigoBase: '#6d85ca',
+    indigoDark: '#425484',
+    indigoText: '#a2b2eb',
+    slateLight: '#c2c5dc',
+    slateBase: '#8690bf',
+    slateDark: '#535c81',
+    slateText: '#afb2c9',
+    coralLight: '#f3ccb0',
+    coralBase: '#f08848',
+    coralDark: '#9a4e2d',
+    coralText: '#f9b27b',
+    lavenderLight: '#b482ed',
+    lavenderBase: '#8148c9',
+    lavenderDark: '#48296f',
+    lavenderText: '#be8af9',
+    bambooLight: '#7acaa9',
+    bambooBase: '#439274',
+    bambooDark: '#305b4a',
+    bambooText: '#65bc99',
 } as const;

package/src/design_system/colors/generated/colors_theme.light.ts

@@ -3,42 +3,31 @@
  */
 
 export const lightTheme = {
-    roseLight: '#f483b5',
-    roseBase: '#c6387d',
-    roseDark: '#781552',
-    roseText: '#b6006b',
-    buttercupLight: '#ffdd96',
-    buttercupBase: '#f0b21b',
-    buttercupDark: '#c37319',
-    buttercupText: '#a65d00',
-    paprikaLight: '#e44467',
-    paprikaBase: '#9b0238',
-    paprikaDark: '#4a0018',
-    paprikaText: '#ba0044',
-    tealLight: '#a7f2ed',
-    tealBase: '#30c0bb',
-    tealDark: '#297774',
-    tealText: '#018181',
-    indigoLight: '#a1b7ff',
-    indigoBase: '#5d85e1',
-    indigoDark: '#365494',
-    indigoText: '#2563c1',
-    slateLight: '#c1c5e1',
-    slateBase: '#8490c4',
-    slateDark: '#525c85',
-    slateText: '#566087',
-    coralLight: '#ffc89f',
-    coralBase: '#fa8136',
-    coralDark: '#bb4511',
-    coralText: '#c74000',
-    lavenderLight: '#bf97ed',
-    lavenderBase: '#6a14de',
-    lavenderDark: '#330276',
-    lavenderText: '#6e00f4',
-    bambooLight: '#64cda5',
-    bambooBase: '#12966f',
-    bambooDark: '#195d46',
-    bambooText: '#007455',
+    magentaDeep: '#694d6b',
+    magentaMain: '#9d829f',
+    magentaTint: '#fef3ff',
+    magentaAccent: '#ff64b8',
+    mondoDeep: '#ff4800',
+    mondoMain: '#b94013',
+    mondoMedium: '#d4673f',
+    mondoMuted: '#db8663',
+    mondoSubtle: '#f3b390',
+    mondoTint: '#fcdece',
+    mondoAccent: '#4e4236',
+    limeDeep: '#756506',
+    limeMain: '#968108',
+    limeMedium: '#c69f3d',
+    limeTint: '#e8e3b5',
+    limeAccent: '#ffff5a',
+    meteoriteDeep: '#321868',
+    meteoriteMain: '#6759e6',
+    meteoriteMedium: '#bcb8ee',
+    meteoriteAccent: '#38fb9d',
+    meteoriteMuted: '#a4ffd3',
+    meteoriteTint: '#dffff0',
+    logoOrange: '#f86606',
+    logoGreen: '#20a34e',
+    logoBlue: '#246dff',
     neutral0: '#ffffff',
     neutral25: '#f9f9fa',
     neutral50: '#f4f4f5',
@@ -107,4 +96,40 @@ export const lightTheme = {
     blue500: '#1672eb',
     blue600: '#1a57da',
     blue700: '#224ed5',
+    roseLight: '#f483b5',
+    roseBase: '#c6387d',
+    roseDark: '#781552',
+    roseText: '#b6006b',
+    buttercupLight: '#ffdd96',
+    buttercupBase: '#f0b21b',
+    buttercupDark: '#c37319',
+    buttercupText: '#a65d00',
+    paprikaLight: '#e44467',
+    paprikaBase: '#9b0238',
+    paprikaDark: '#4a0018',
+    paprikaText: '#ba0044',
+    tealLight: '#a7f2ed',
+    tealBase: '#30c0bb',
+    tealDark: '#297774',
+    tealText: '#018181',
+    indigoLight: '#a1b7ff',
+    indigoBase: '#5d85e1',
+    indigoDark: '#365494',
+    indigoText: '#2563c1',
+    slateLight: '#c1c5e1',
+    slateBase: '#8490c4',
+    slateDark: '#525c85',
+    slateText: '#566087',
+    coralLight: '#ffc89f',
+    coralBase: '#fa8136',
+    coralDark: '#bb4511',
+    coralText: '#c74000',
+    lavenderLight: '#bf97ed',
+    lavenderBase: '#6a14de',
+    lavenderDark: '#330276',
+    lavenderText: '#6e00f4',
+    bambooLight: '#64cda5',
+    bambooBase: '#12966f',
+    bambooDark: '#195d46',
+    bambooText: '#007455',
 } as const;