@apify/ui-library 1.165.37 → 1.166.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (101) hide show
  1. package/dist/components/brand_icon/brand_icon.d.ts +16 -0
  2. package/dist/components/brand_icon/brand_icon.d.ts.map +1 -0
  3. package/dist/components/brand_icon/brand_icon.js +21 -0
  4. package/dist/components/brand_icon/index.d.ts +2 -0
  5. package/dist/components/brand_icon/index.d.ts.map +1 -0
  6. package/dist/components/index.d.ts +1 -0
  7. package/dist/components/index.d.ts.map +1 -1
  8. package/dist/components/split_button/split_button.styled.d.ts +2 -2
  9. package/dist/design_system/colors/css_variables_brand_dark.d.ts +1 -1
  10. package/dist/design_system/colors/css_variables_brand_dark.d.ts.map +1 -1
  11. package/dist/design_system/colors/generated/css_variables.dark.d.ts +1 -1
  12. package/dist/design_system/colors/generated/css_variables.dark.d.ts.map +1 -1
  13. package/dist/design_system/colors/generated/css_variables.dark.js +13 -0
  14. package/dist/design_system/colors/generated/css_variables.light.d.ts +1 -1
  15. package/dist/design_system/colors/generated/css_variables.light.d.ts.map +1 -1
  16. package/dist/design_system/colors/generated/css_variables.light.js +13 -0
  17. package/dist/design_system/colors/generated/properties_theme.d.ts +15 -0
  18. package/dist/design_system/colors/generated/properties_theme.d.ts.map +1 -1
  19. package/dist/design_system/colors/generated/properties_theme.js +15 -0
  20. package/dist/design_system/theme.d.ts +20 -0
  21. package/dist/design_system/theme.d.ts.map +1 -1
  22. package/dist/design_system/theme.js +2 -0
  23. package/dist/design_system/tokens/gradients.d.ts +6 -0
  24. package/dist/design_system/tokens/gradients.d.ts.map +1 -0
  25. package/dist/design_system/tokens/gradients.js +4 -0
  26. package/dist/design_system/tokens/index.d.ts +1 -0
  27. package/dist/design_system/tokens/index.d.ts.map +1 -1
  28. package/dist/files_hash_at_build.txt +1 -1
  29. package/dist/index.js +4 -1
  30. package/dist/src/components/brand_icon/brand_icon.d.ts +16 -0
  31. package/dist/src/components/brand_icon/brand_icon.d.ts.map +1 -0
  32. package/dist/src/components/brand_icon/brand_icon.js +19 -0
  33. package/dist/src/components/brand_icon/brand_icon.js.map +1 -0
  34. package/dist/src/components/brand_icon/index.d.ts +2 -0
  35. package/dist/src/components/brand_icon/index.d.ts.map +1 -0
  36. package/dist/src/components/brand_icon/index.js +2 -0
  37. package/dist/src/components/brand_icon/index.js.map +1 -0
  38. package/dist/src/components/index.d.ts +1 -0
  39. package/dist/src/components/index.d.ts.map +1 -1
  40. package/dist/src/components/index.js +1 -0
  41. package/dist/src/components/index.js.map +1 -1
  42. package/dist/src/components/split_button/split_button.styled.d.ts +2 -2
  43. package/dist/src/design_system/colors/css_variables_brand_dark.d.ts +1 -1
  44. package/dist/src/design_system/colors/css_variables_brand_dark.d.ts.map +1 -1
  45. package/dist/src/design_system/colors/generated/css_variables.dark.d.ts +1 -1
  46. package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map +1 -1
  47. package/dist/src/design_system/colors/generated/css_variables.dark.js +13 -0
  48. package/dist/src/design_system/colors/generated/css_variables.dark.js.map +1 -1
  49. package/dist/src/design_system/colors/generated/css_variables.light.d.ts +1 -1
  50. package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map +1 -1
  51. package/dist/src/design_system/colors/generated/css_variables.light.js +13 -0
  52. package/dist/src/design_system/colors/generated/css_variables.light.js.map +1 -1
  53. package/dist/src/design_system/colors/generated/properties_theme.d.ts +15 -0
  54. package/dist/src/design_system/colors/generated/properties_theme.d.ts.map +1 -1
  55. package/dist/src/design_system/colors/generated/properties_theme.js +15 -0
  56. package/dist/src/design_system/colors/generated/properties_theme.js.map +1 -1
  57. package/dist/src/design_system/theme.d.ts +20 -0
  58. package/dist/src/design_system/theme.d.ts.map +1 -1
  59. package/dist/src/design_system/theme.js +2 -1
  60. package/dist/src/design_system/theme.js.map +1 -1
  61. package/dist/src/design_system/tokens/gradients.d.ts +6 -0
  62. package/dist/src/design_system/tokens/gradients.d.ts.map +1 -0
  63. package/dist/src/design_system/tokens/gradients.js +6 -0
  64. package/dist/src/design_system/tokens/gradients.js.map +1 -0
  65. package/dist/src/design_system/tokens/index.d.ts +1 -0
  66. package/dist/src/design_system/tokens/index.d.ts.map +1 -1
  67. package/dist/src/design_system/tokens/index.js +1 -0
  68. package/dist/src/design_system/tokens/index.js.map +1 -1
  69. package/dist/src/utils/icons.d.ts +11 -0
  70. package/dist/src/utils/icons.d.ts.map +1 -0
  71. package/dist/src/utils/icons.js +19 -0
  72. package/dist/src/utils/icons.js.map +1 -0
  73. package/dist/src/utils/index.d.ts +1 -0
  74. package/dist/src/utils/index.d.ts.map +1 -1
  75. package/dist/src/utils/index.js +1 -0
  76. package/dist/src/utils/index.js.map +1 -1
  77. package/dist/tsconfig.build.tsbuildinfo +1 -1
  78. package/dist/utils/icons.d.ts +11 -0
  79. package/dist/utils/icons.d.ts.map +1 -0
  80. package/dist/utils/icons.js +29 -0
  81. package/dist/utils/index.d.ts +1 -0
  82. package/dist/utils/index.d.ts.map +1 -1
  83. package/package.json +4 -4
  84. package/src/components/brand_icon/brand_icon.stories.tsx +55 -0
  85. package/src/components/brand_icon/brand_icon.tsx +36 -0
  86. package/src/components/brand_icon/index.ts +1 -0
  87. package/src/components/index.ts +1 -0
  88. package/src/design_system/colors/figma_color_tokens.dark.json +54 -0
  89. package/src/design_system/colors/figma_color_tokens.light.json +55 -1
  90. package/src/design_system/colors/generated/css_variables.dark.ts +13 -0
  91. package/src/design_system/colors/generated/css_variables.light.ts +13 -0
  92. package/src/design_system/colors/generated/properties_theme.ts +15 -0
  93. package/src/design_system/theme.ts +2 -1
  94. package/src/design_system/tokens/gradients.ts +5 -0
  95. package/src/design_system/tokens/index.ts +1 -0
  96. package/src/utils/icons.tsx +32 -0
  97. package/src/utils/index.ts +1 -0
  98. package/style/colors/dark.scss +13 -0
  99. package/style/colors/light.scss +13 -0
  100. package/style/colors/tokens.dark.css +13 -0
  101. package/style/colors/tokens.light.css +13 -0
@@ -9,5 +9,5 @@
9
9
  * Apply this on its own as a complete theme (it already includes the base dark
10
10
  * tokens); there is no need to also apply `cssColorsVariablesDark`.
11
11
  */
12
- export declare const cssColorsVariablesBrandDark = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\n --color-primary-text: #6b9fff;\n --color-primary-text-interactive: #6b9fff;\n --color-primary-icon: #246dff;\n --color-primary-action: #528fff;\n --color-primary-action-hover: #7aa8ff;\n --color-primary-action-active: #246dff;\n --color-primary-field-border-active: #246dff;\n --color-primary-border-subtle: #1e52e0;\n --color-primary-background: #152447;\n --color-primary-background-subtle: #0f192f;\n --color-primary-background-hover: #1d41af;\n --color-primary-chip-background: #152447;\n --color-primary-chip-background-subtle: #0f192f;\n --color-primary-chip-background-hover: #1d41af;\n --color-primary-chip-text: #97bcff;\n --color-primary-shadow-active: #1e52e0;\n --color-primary-black-action: #ffffff;\n --color-primary-black-action-hover: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\n --color-success-text: #3bb358;\n --color-success-icon: #23a64a;\n --color-success-background: #14441f;\n --color-success-background-hover: #00531e;\n --color-success-background-subtle: #09260f;\n --color-success-background-subtle-hover: #14441f;\n --color-success-background-subtle-active: #006e29;\n --color-success-chip-background: #14441f;\n --color-success-chip-background-hover: #00531e;\n --color-success-chip-text: #6ccd7c;\n --color-success-border: #068a35;\n --color-success-border-subtle: #006e29;\n --color-success-action: #23a64a;\n --color-success-action-hover: #3bb358;\n --color-success-action-active: #068a35;\n --color-warning-text: #f9ce4b;\n --color-warning-icon: #f9ce4b;\n --color-warning-background: #5d2e0e;\n --color-warning-background-hover: #6d3806;\n --color-warning-background-subtle: #301806;\n --color-warning-chip-background: #5d2e0e;\n --color-warning-chip-background-hover: #6d3806;\n --color-warning-chip-text: #ffd761;\n --color-warning-border: #a56909;\n --color-warning-border-subtle: #8a4f05;\n --color-warning-field-border: #cf9117;\n --color-danger-text: #ff7157;\n --color-danger-icon: #ef6045;\n --color-danger-background: #672523;\n --color-danger-background-hover: #812420;\n --color-danger-background-subtle: #381719;\n --color-danger-background-subtle-hover: #672523;\n --color-danger-background-subtle-active: #aa3229;\n --color-danger-chip-background: #672523;\n --color-danger-chip-background-hover: #812420;\n --color-danger-chip-text: #fe9e8a;\n --color-danger-border: #cf4436;\n --color-danger-border-subtle: #aa3229;\n --color-danger-field-border: #ef6045;\n --color-danger-action: #ef6045;\n --color-danger-action-hover: #ff7157;\n --color-danger-action-active: #cf4436;\n --color-special-free-plan-background: #9a4e2d;\n --color-special-starter-plan-background: #b87939;\n --color-special-scale-plan-background: #425484;\n --color-special-business-plan-background: #408288;\n --color-special-enterprise-plan-background: #48296f;\n --color-special-highlight: #152447;\n --color-rose-light: #e88bb3;\n --color-rose-base: #b8487b;\n --color-rose-dark: #6f234f;\n --color-rose-text: #ed8bb5;\n --color-buttercup-light: #f9deaa;\n --color-buttercup-base: #e5b557;\n --color-buttercup-dark: #b87939;\n --color-buttercup-text: #ebbf6c;\n --color-paprika-light: #e26c7d;\n --color-paprika-base: #9e384b;\n --color-paprika-dark: #511d27;\n --color-paprika-text: #f67c8d;\n --color-teal-light: #aef0f5;\n --color-teal-base: #58bcc4;\n --color-teal-dark: #408288;\n --color-teal-text: #62c1c8;\n --color-indigo-light: #a8b7ed;\n --color-indigo-base: #6d85ca;\n --color-indigo-dark: #425484;\n --color-indigo-text: #a2b2eb;\n --color-slate-light: #c2c5dc;\n --color-slate-base: #8690bf;\n --color-slate-dark: #535c81;\n --color-slate-text: #afb2c9;\n --color-coral-light: #f3ccb0;\n --color-coral-base: #f08848;\n --color-coral-dark: #9a4e2d;\n --color-coral-text: #f9b27b;\n --color-lavender-light: #b482ed;\n --color-lavender-base: #8148c9;\n --color-lavender-dark: #48296f;\n --color-lavender-text: #be8af9;\n --color-bamboo-light: #7acaa9;\n --color-bamboo-base: #439274;\n --color-bamboo-dark: #305b4a;\n --color-bamboo-text: #65bc99;\n\n --color-neutral-text: #dfdfdf;\n --color-neutral-text-muted: #a3a3a3;\n --color-neutral-text-subtle: #888888;\n --color-neutral-text-disabled: #454545;\n --color-neutral-text-on-primary: #161616;\n --color-neutral-icon-on-primary: #161616;\n --color-neutral-background: #020202;\n --color-neutral-background-muted: #0f0f0f;\n --color-neutral-background-subtle: #1d1d1d;\n --color-neutral-background-white: #f3f3f3;\n --color-neutral-card-background: #0f0f0f;\n --color-neutral-card-background-hover: #1d1d1d;\n --color-neutral-border: #2a2a2a;\n --color-neutral-separator-subtle: #1d1d1d;\n --color-neutral-hover: #313131;\n --color-neutral-disabled: #383838;\n --color-neutral-overflow: #2a2a2a;\n --color-neutral-icon: #d8d8d8;\n --color-neutral-icon-subtle: #6d6d6d;\n --color-neutral-icon-disabled: #454545;\n --color-neutral-field-border: #454545;\n --color-neutral-action-secondary: #2a2a2a;\n --color-neutral-action-secondary-hover: #454545;\n --color-neutral-action-secondary-active: #454545;\n --color-neutral-chip-background: #606060;\n --color-neutral-chip-background-hover: #7b7b7b;\n --color-neutral-chip-background-active: #959595;\n --color-neutral-chip-background-disabled: #959595;\n --color-neutral-large-tooltip-background: #2a2a2a;\n --color-neutral-large-tooltip-border: #383838;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #2a2a2a;\n --color-neutral-small-tooltip-border: #383838;\n --color-neutral-overlay: rgba(9, 9, 9, 0.7);\n --color-neutral-field-background: #0f0f0f;\n --color-neutral-text-placeholder: #7b7b7b;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n";
12
+ export declare const cssColorsVariablesBrandDark = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\n --color-primary-text: #6b9fff;\n --color-primary-text-interactive: #6b9fff;\n --color-primary-icon: #246dff;\n --color-primary-action: #528fff;\n --color-primary-action-hover: #7aa8ff;\n --color-primary-action-active: #246dff;\n --color-primary-field-border-active: #246dff;\n --color-primary-border-subtle: #1e52e0;\n --color-primary-background: #152447;\n --color-primary-background-subtle: #0f192f;\n --color-primary-background-hover: #1d41af;\n --color-primary-chip-background: #152447;\n --color-primary-chip-background-subtle: #0f192f;\n --color-primary-chip-background-hover: #1d41af;\n --color-primary-chip-text: #97bcff;\n --color-primary-shadow-active: #1e52e0;\n --color-primary-black-action: #ffffff;\n --color-primary-black-action-hover: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\n --color-success-text: #3bb358;\n --color-success-icon: #23a64a;\n --color-success-background: #14441f;\n --color-success-background-hover: #00531e;\n --color-success-background-subtle: #09260f;\n --color-success-background-subtle-hover: #14441f;\n --color-success-background-subtle-active: #006e29;\n --color-success-chip-background: #14441f;\n --color-success-chip-background-hover: #00531e;\n --color-success-chip-text: #6ccd7c;\n --color-success-border: #068a35;\n --color-success-border-subtle: #006e29;\n --color-success-action: #23a64a;\n --color-success-action-hover: #3bb358;\n --color-success-action-active: #068a35;\n --color-warning-text: #f9ce4b;\n --color-warning-icon: #f9ce4b;\n --color-warning-background: #5d2e0e;\n --color-warning-background-hover: #6d3806;\n --color-warning-background-subtle: #301806;\n --color-warning-chip-background: #5d2e0e;\n --color-warning-chip-background-hover: #6d3806;\n --color-warning-chip-text: #ffd761;\n --color-warning-border: #a56909;\n --color-warning-border-subtle: #8a4f05;\n --color-warning-field-border: #cf9117;\n --color-danger-text: #ff7157;\n --color-danger-icon: #ef6045;\n --color-danger-background: #672523;\n --color-danger-background-hover: #812420;\n --color-danger-background-subtle: #381719;\n --color-danger-background-subtle-hover: #672523;\n --color-danger-background-subtle-active: #aa3229;\n --color-danger-chip-background: #672523;\n --color-danger-chip-background-hover: #812420;\n --color-danger-chip-text: #fe9e8a;\n --color-danger-border: #cf4436;\n --color-danger-border-subtle: #aa3229;\n --color-danger-field-border: #ef6045;\n --color-danger-action: #ef6045;\n --color-danger-action-hover: #ff7157;\n --color-danger-action-active: #cf4436;\n --color-special-free-plan-background: #9a4e2d;\n --color-special-starter-plan-background: #b87939;\n --color-special-scale-plan-background: #425484;\n --color-special-business-plan-background: #408288;\n --color-special-enterprise-plan-background: #48296f;\n --color-special-highlight: #152447;\n --color-third-party-anthropic: #d97757;\n --color-third-party-chat-gpt: #ffffff;\n --color-third-party-claude: #d97757;\n --color-third-party-cursor: #ffffff;\n --color-third-party-discord: #5865f2;\n --color-third-party-github: #ffffff;\n --color-third-party-linkedin: #0a66c2;\n --color-third-party-make: #6d00cc;\n --color-third-party-n8n: #ea4b71;\n --color-third-party-perplexity: #20808d;\n --color-third-party-twitter: #ffffff;\n --color-third-party-youtube: #ff0000;\n --color-third-party-zapier: #ff4a00;\n --color-rose-light: #e88bb3;\n --color-rose-base: #b8487b;\n --color-rose-dark: #6f234f;\n --color-rose-text: #ed8bb5;\n --color-buttercup-light: #f9deaa;\n --color-buttercup-base: #e5b557;\n --color-buttercup-dark: #b87939;\n --color-buttercup-text: #ebbf6c;\n --color-paprika-light: #e26c7d;\n --color-paprika-base: #9e384b;\n --color-paprika-dark: #511d27;\n --color-paprika-text: #f67c8d;\n --color-teal-light: #aef0f5;\n --color-teal-base: #58bcc4;\n --color-teal-dark: #408288;\n --color-teal-text: #62c1c8;\n --color-indigo-light: #a8b7ed;\n --color-indigo-base: #6d85ca;\n --color-indigo-dark: #425484;\n --color-indigo-text: #a2b2eb;\n --color-slate-light: #c2c5dc;\n --color-slate-base: #8690bf;\n --color-slate-dark: #535c81;\n --color-slate-text: #afb2c9;\n --color-coral-light: #f3ccb0;\n --color-coral-base: #f08848;\n --color-coral-dark: #9a4e2d;\n --color-coral-text: #f9b27b;\n --color-lavender-light: #b482ed;\n --color-lavender-base: #8148c9;\n --color-lavender-dark: #48296f;\n --color-lavender-text: #be8af9;\n --color-bamboo-light: #7acaa9;\n --color-bamboo-base: #439274;\n --color-bamboo-dark: #305b4a;\n --color-bamboo-text: #65bc99;\n\n --color-neutral-text: #dfdfdf;\n --color-neutral-text-muted: #a3a3a3;\n --color-neutral-text-subtle: #888888;\n --color-neutral-text-disabled: #454545;\n --color-neutral-text-on-primary: #161616;\n --color-neutral-icon-on-primary: #161616;\n --color-neutral-background: #020202;\n --color-neutral-background-muted: #0f0f0f;\n --color-neutral-background-subtle: #1d1d1d;\n --color-neutral-background-white: #f3f3f3;\n --color-neutral-card-background: #0f0f0f;\n --color-neutral-card-background-hover: #1d1d1d;\n --color-neutral-border: #2a2a2a;\n --color-neutral-separator-subtle: #1d1d1d;\n --color-neutral-hover: #313131;\n --color-neutral-disabled: #383838;\n --color-neutral-overflow: #2a2a2a;\n --color-neutral-icon: #d8d8d8;\n --color-neutral-icon-subtle: #6d6d6d;\n --color-neutral-icon-disabled: #454545;\n --color-neutral-field-border: #454545;\n --color-neutral-action-secondary: #2a2a2a;\n --color-neutral-action-secondary-hover: #454545;\n --color-neutral-action-secondary-active: #454545;\n --color-neutral-chip-background: #606060;\n --color-neutral-chip-background-hover: #7b7b7b;\n --color-neutral-chip-background-active: #959595;\n --color-neutral-chip-background-disabled: #959595;\n --color-neutral-large-tooltip-background: #2a2a2a;\n --color-neutral-large-tooltip-border: #383838;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #2a2a2a;\n --color-neutral-small-tooltip-border: #383838;\n --color-neutral-overlay: rgba(9, 9, 9, 0.7);\n --color-neutral-field-background: #0f0f0f;\n --color-neutral-text-placeholder: #7b7b7b;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n";
13
13
  //# sourceMappingURL=css_variables_brand_dark.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"css_variables_brand_dark.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/css_variables_brand_dark.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,2BAA2B,q7OAA0D,CAAC"}
1
+ {"version":3,"file":"css_variables_brand_dark.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/css_variables_brand_dark.ts"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,2BAA2B,s8PAA0D,CAAC"}
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
- export declare const tokens = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\n --color-primary-text: #6b9fff;\n --color-primary-text-interactive: #6b9fff;\n --color-primary-icon: #246dff;\n --color-primary-action: #528fff;\n --color-primary-action-hover: #7aa8ff;\n --color-primary-action-active: #246dff;\n --color-primary-field-border-active: #246dff;\n --color-primary-border-subtle: #1e52e0;\n --color-primary-background: #152447;\n --color-primary-background-subtle: #0f192f;\n --color-primary-background-hover: #1d41af;\n --color-primary-chip-background: #152447;\n --color-primary-chip-background-subtle: #0f192f;\n --color-primary-chip-background-hover: #1d41af;\n --color-primary-chip-text: #97bcff;\n --color-primary-shadow-active: #1e52e0;\n --color-primary-black-action: #ffffff;\n --color-primary-black-action-hover: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\n --color-success-text: #3bb358;\n --color-success-icon: #23a64a;\n --color-success-background: #14441f;\n --color-success-background-hover: #00531e;\n --color-success-background-subtle: #09260f;\n --color-success-background-subtle-hover: #14441f;\n --color-success-background-subtle-active: #006e29;\n --color-success-chip-background: #14441f;\n --color-success-chip-background-hover: #00531e;\n --color-success-chip-text: #6ccd7c;\n --color-success-border: #068a35;\n --color-success-border-subtle: #006e29;\n --color-success-action: #23a64a;\n --color-success-action-hover: #3bb358;\n --color-success-action-active: #068a35;\n --color-warning-text: #f9ce4b;\n --color-warning-icon: #f9ce4b;\n --color-warning-background: #5d2e0e;\n --color-warning-background-hover: #6d3806;\n --color-warning-background-subtle: #301806;\n --color-warning-chip-background: #5d2e0e;\n --color-warning-chip-background-hover: #6d3806;\n --color-warning-chip-text: #ffd761;\n --color-warning-border: #a56909;\n --color-warning-border-subtle: #8a4f05;\n --color-warning-field-border: #cf9117;\n --color-danger-text: #ff7157;\n --color-danger-icon: #ef6045;\n --color-danger-background: #672523;\n --color-danger-background-hover: #812420;\n --color-danger-background-subtle: #381719;\n --color-danger-background-subtle-hover: #672523;\n --color-danger-background-subtle-active: #aa3229;\n --color-danger-chip-background: #672523;\n --color-danger-chip-background-hover: #812420;\n --color-danger-chip-text: #fe9e8a;\n --color-danger-border: #cf4436;\n --color-danger-border-subtle: #aa3229;\n --color-danger-field-border: #ef6045;\n --color-danger-action: #ef6045;\n --color-danger-action-hover: #ff7157;\n --color-danger-action-active: #cf4436;\n --color-special-free-plan-background: #9a4e2d;\n --color-special-starter-plan-background: #b87939;\n --color-special-scale-plan-background: #425484;\n --color-special-business-plan-background: #408288;\n --color-special-enterprise-plan-background: #48296f;\n --color-special-highlight: #152447;\n --color-rose-light: #e88bb3;\n --color-rose-base: #b8487b;\n --color-rose-dark: #6f234f;\n --color-rose-text: #ed8bb5;\n --color-buttercup-light: #f9deaa;\n --color-buttercup-base: #e5b557;\n --color-buttercup-dark: #b87939;\n --color-buttercup-text: #ebbf6c;\n --color-paprika-light: #e26c7d;\n --color-paprika-base: #9e384b;\n --color-paprika-dark: #511d27;\n --color-paprika-text: #f67c8d;\n --color-teal-light: #aef0f5;\n --color-teal-base: #58bcc4;\n --color-teal-dark: #408288;\n --color-teal-text: #62c1c8;\n --color-indigo-light: #a8b7ed;\n --color-indigo-base: #6d85ca;\n --color-indigo-dark: #425484;\n --color-indigo-text: #a2b2eb;\n --color-slate-light: #c2c5dc;\n --color-slate-base: #8690bf;\n --color-slate-dark: #535c81;\n --color-slate-text: #afb2c9;\n --color-coral-light: #f3ccb0;\n --color-coral-base: #f08848;\n --color-coral-dark: #9a4e2d;\n --color-coral-text: #f9b27b;\n --color-lavender-light: #b482ed;\n --color-lavender-base: #8148c9;\n --color-lavender-dark: #48296f;\n --color-lavender-text: #be8af9;\n --color-bamboo-light: #7acaa9;\n --color-bamboo-base: #439274;\n --color-bamboo-dark: #305b4a;\n --color-bamboo-text: #65bc99;\n";
4
+ export declare const tokens = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\n --color-primary-text: #6b9fff;\n --color-primary-text-interactive: #6b9fff;\n --color-primary-icon: #246dff;\n --color-primary-action: #528fff;\n --color-primary-action-hover: #7aa8ff;\n --color-primary-action-active: #246dff;\n --color-primary-field-border-active: #246dff;\n --color-primary-border-subtle: #1e52e0;\n --color-primary-background: #152447;\n --color-primary-background-subtle: #0f192f;\n --color-primary-background-hover: #1d41af;\n --color-primary-chip-background: #152447;\n --color-primary-chip-background-subtle: #0f192f;\n --color-primary-chip-background-hover: #1d41af;\n --color-primary-chip-text: #97bcff;\n --color-primary-shadow-active: #1e52e0;\n --color-primary-black-action: #ffffff;\n --color-primary-black-action-hover: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\n --color-success-text: #3bb358;\n --color-success-icon: #23a64a;\n --color-success-background: #14441f;\n --color-success-background-hover: #00531e;\n --color-success-background-subtle: #09260f;\n --color-success-background-subtle-hover: #14441f;\n --color-success-background-subtle-active: #006e29;\n --color-success-chip-background: #14441f;\n --color-success-chip-background-hover: #00531e;\n --color-success-chip-text: #6ccd7c;\n --color-success-border: #068a35;\n --color-success-border-subtle: #006e29;\n --color-success-action: #23a64a;\n --color-success-action-hover: #3bb358;\n --color-success-action-active: #068a35;\n --color-warning-text: #f9ce4b;\n --color-warning-icon: #f9ce4b;\n --color-warning-background: #5d2e0e;\n --color-warning-background-hover: #6d3806;\n --color-warning-background-subtle: #301806;\n --color-warning-chip-background: #5d2e0e;\n --color-warning-chip-background-hover: #6d3806;\n --color-warning-chip-text: #ffd761;\n --color-warning-border: #a56909;\n --color-warning-border-subtle: #8a4f05;\n --color-warning-field-border: #cf9117;\n --color-danger-text: #ff7157;\n --color-danger-icon: #ef6045;\n --color-danger-background: #672523;\n --color-danger-background-hover: #812420;\n --color-danger-background-subtle: #381719;\n --color-danger-background-subtle-hover: #672523;\n --color-danger-background-subtle-active: #aa3229;\n --color-danger-chip-background: #672523;\n --color-danger-chip-background-hover: #812420;\n --color-danger-chip-text: #fe9e8a;\n --color-danger-border: #cf4436;\n --color-danger-border-subtle: #aa3229;\n --color-danger-field-border: #ef6045;\n --color-danger-action: #ef6045;\n --color-danger-action-hover: #ff7157;\n --color-danger-action-active: #cf4436;\n --color-special-free-plan-background: #9a4e2d;\n --color-special-starter-plan-background: #b87939;\n --color-special-scale-plan-background: #425484;\n --color-special-business-plan-background: #408288;\n --color-special-enterprise-plan-background: #48296f;\n --color-special-highlight: #152447;\n --color-third-party-anthropic: #d97757;\n --color-third-party-chat-gpt: #ffffff;\n --color-third-party-claude: #d97757;\n --color-third-party-cursor: #ffffff;\n --color-third-party-discord: #5865f2;\n --color-third-party-github: #ffffff;\n --color-third-party-linkedin: #0a66c2;\n --color-third-party-make: #6d00cc;\n --color-third-party-n8n: #ea4b71;\n --color-third-party-perplexity: #20808d;\n --color-third-party-twitter: #ffffff;\n --color-third-party-youtube: #ff0000;\n --color-third-party-zapier: #ff4a00;\n --color-rose-light: #e88bb3;\n --color-rose-base: #b8487b;\n --color-rose-dark: #6f234f;\n --color-rose-text: #ed8bb5;\n --color-buttercup-light: #f9deaa;\n --color-buttercup-base: #e5b557;\n --color-buttercup-dark: #b87939;\n --color-buttercup-text: #ebbf6c;\n --color-paprika-light: #e26c7d;\n --color-paprika-base: #9e384b;\n --color-paprika-dark: #511d27;\n --color-paprika-text: #f67c8d;\n --color-teal-light: #aef0f5;\n --color-teal-base: #58bcc4;\n --color-teal-dark: #408288;\n --color-teal-text: #62c1c8;\n --color-indigo-light: #a8b7ed;\n --color-indigo-base: #6d85ca;\n --color-indigo-dark: #425484;\n --color-indigo-text: #a2b2eb;\n --color-slate-light: #c2c5dc;\n --color-slate-base: #8690bf;\n --color-slate-dark: #535c81;\n --color-slate-text: #afb2c9;\n --color-coral-light: #f3ccb0;\n --color-coral-base: #f08848;\n --color-coral-dark: #9a4e2d;\n --color-coral-text: #f9b27b;\n --color-lavender-light: #b482ed;\n --color-lavender-base: #8148c9;\n --color-lavender-dark: #48296f;\n --color-lavender-text: #be8af9;\n --color-bamboo-light: #7acaa9;\n --color-bamboo-base: #439274;\n --color-bamboo-dark: #305b4a;\n --color-bamboo-text: #65bc99;\n";
5
5
  //# sourceMappingURL=css_variables.dark.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"css_variables.dark.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,gyLAgJlB,CAAC"}
1
+ {"version":3,"file":"css_variables.dark.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,izMA6JlB,CAAC"}
@@ -109,6 +109,19 @@ export const tokens = `
109
109
  --color-special-business-plan-background: #408288;
110
110
  --color-special-enterprise-plan-background: #48296f;
111
111
  --color-special-highlight: #152447;
112
+ --color-third-party-anthropic: #d97757;
113
+ --color-third-party-chat-gpt: #ffffff;
114
+ --color-third-party-claude: #d97757;
115
+ --color-third-party-cursor: #ffffff;
116
+ --color-third-party-discord: #5865f2;
117
+ --color-third-party-github: #ffffff;
118
+ --color-third-party-linkedin: #0a66c2;
119
+ --color-third-party-make: #6d00cc;
120
+ --color-third-party-n8n: #ea4b71;
121
+ --color-third-party-perplexity: #20808d;
122
+ --color-third-party-twitter: #ffffff;
123
+ --color-third-party-youtube: #ff0000;
124
+ --color-third-party-zapier: #ff4a00;
112
125
  --color-rose-light: #e88bb3;
113
126
  --color-rose-base: #b8487b;
114
127
  --color-rose-dark: #6f234f;
@@ -1 +1 @@
1
- {"version":3,"file":"css_variables.dark.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgJrB,CAAC"}
1
+ {"version":3,"file":"css_variables.dark.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JrB,CAAC"}
@@ -1,5 +1,5 @@
1
1
  /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
- export declare const tokens = "\n --color-neutral-text: #1f2123;\n --color-neutral-text-muted: #3d3f43;\n --color-neutral-text-subtle: #6d7178;\n --color-neutral-text-disabled: #c9cbcf;\n --color-neutral-text-on-primary: #ffffff;\n --color-neutral-icon-on-primary: #ffffff;\n --color-neutral-background: #ffffff;\n --color-neutral-background-muted: #f9f9fa;\n --color-neutral-background-subtle: #f4f4f5;\n --color-neutral-background-white: #ffffff;\n --color-neutral-card-background: #ffffff;\n --color-neutral-card-background-hover: #ffffff;\n --color-neutral-border: #d2d3d6;\n --color-neutral-separator-subtle: #e4e5e6;\n --color-neutral-hover: #edeeef;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.12);\n --color-neutral-disabled: #f4f4f5;\n --color-neutral-overflow: #e4e5e6;\n --color-neutral-icon: #4f5257;\n --color-neutral-icon-subtle: #9ea2a8;\n --color-neutral-icon-disabled: #bfc1c5;\n --color-neutral-field-border: #c9cbcf;\n --color-neutral-action-secondary: #d2d3d6;\n --color-neutral-action-secondary-hover: #e4e5e6;\n --color-neutral-action-secondary-active: #d2d3d6;\n --color-neutral-chip-background: #e4e5e6;\n --color-neutral-chip-background-hover: #d2d3d6;\n --color-neutral-chip-background-active: #c9cbcf;\n --color-neutral-chip-background-disabled: #d2d3d6;\n --color-neutral-large-tooltip-background: #ffffff;\n --color-neutral-large-tooltip-border: #e4e5e6;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #161718;\n --color-neutral-small-tooltip-border: #1f2123;\n --color-neutral-overlay: #191b22;\n --color-neutral-field-background: #f9f9fa;\n --color-neutral-text-placeholder: #a9acb1;\n --color-primary-text: #246dff;\n --color-primary-text-interactive: #246dff;\n --color-primary-icon: #246dff;\n --color-primary-action: #246dff;\n --color-primary-action-hover: #4788ff;\n --color-primary-action-active: #0043ca;\n --color-primary-field-border-active: #246dff;\n --color-primary-border-subtle: #c2d7ff;\n --color-primary-background: #e0ebff;\n --color-primary-background-subtle: #f0f5ff;\n --color-primary-background-hover: #e0ebff;\n --color-primary-chip-background: #e0ebff;\n --color-primary-chip-background-subtle: #f0f5ff;\n --color-primary-chip-background-hover: #e0ebff;\n --color-primary-chip-text: #0043ca;\n --color-primary-shadow-active: #c2d7ff;\n --color-primary-black-action: #242528;\n --color-primary-black-action-hover: #292b2e;\n --color-primary-black-action-active: #0a0a0b;\n --color-primary-black-background: #1b1c1d;\n --color-primary-black-background-hover: #3d3f43;\n --color-primary-black-chip-text: #f9f9fa;\n --color-success-text: #008a27;\n --color-success-icon: #008a27;\n --color-success-background: #e4f5e5;\n --color-success-background-hover: #cfe9d1;\n --color-success-background-subtle: #e8f9ef;\n --color-success-background-subtle-hover: #cfe9d1;\n --color-success-background-subtle-active: #80da8d;\n --color-success-chip-background: #e4f5e5;\n --color-success-chip-background-hover: #cfe9d1;\n --color-success-chip-text: #086e08;\n --color-success-border: #00ab46;\n --color-success-border-subtle: #80da8d;\n --color-success-action: #008a27;\n --color-success-action-hover: #00ab46;\n --color-success-action-active: #086e08;\n --color-warning-text: #a96600;\n --color-warning-icon: #e39c04;\n --color-warning-background: #f9f0db;\n --color-warning-background-hover: #f7dfb1;\n --color-warning-background-subtle: #f9f6ea;\n --color-warning-chip-background: #f9f0db;\n --color-warning-chip-background-hover: #f7dfb1;\n --color-warning-chip-text: #8c4e02;\n --color-warning-border: #ca8200;\n --color-warning-border-subtle: #f5b315;\n --color-warning-field-border: #f5b315;\n --color-danger-text: #e3231d;\n --color-danger-icon: #e3231d;\n --color-danger-background: #fff0ec;\n --color-danger-background-hover: #fedad1;\n --color-danger-background-subtle: #fcf2ef;\n --color-danger-background-subtle-hover: #fedad1;\n --color-danger-background-subtle-active: #ffb39f;\n --color-danger-chip-background: #fff0ec;\n --color-danger-chip-background-hover: #fedad1;\n --color-danger-chip-text: #bb0401;\n --color-danger-border: #fa4d37;\n --color-danger-border-subtle: #ffb39f;\n --color-danger-field-border: #fa4d37;\n --color-danger-action: #e3231d;\n --color-danger-action-hover: #fa4d37;\n --color-danger-action-active: #bb0401;\n --color-special-free-plan-background: #ffc89f;\n --color-special-starter-plan-background: #ffdd96;\n --color-special-scale-plan-background: #a1b7ff;\n --color-special-business-plan-background: #a7f2ed;\n --color-special-enterprise-plan-background: #bf97ed;\n --color-special-highlight: #e0ebff;\n --color-rose-light: #f483b5;\n --color-rose-base: #c6387d;\n --color-rose-dark: #781552;\n --color-rose-text: #b6006b;\n --color-buttercup-light: #ffdd96;\n --color-buttercup-base: #f0b21b;\n --color-buttercup-dark: #c37319;\n --color-buttercup-text: #a65d00;\n --color-paprika-light: #e44467;\n --color-paprika-base: #9b0238;\n --color-paprika-dark: #4a0018;\n --color-paprika-text: #ba0044;\n --color-teal-light: #a7f2ed;\n --color-teal-base: #30c0bb;\n --color-teal-dark: #297774;\n --color-teal-text: #018181;\n --color-indigo-light: #a1b7ff;\n --color-indigo-base: #5d85e1;\n --color-indigo-dark: #365494;\n --color-indigo-text: #2563c1;\n --color-slate-light: #c1c5e1;\n --color-slate-base: #8490c4;\n --color-slate-dark: #525c85;\n --color-slate-text: #566087;\n --color-coral-light: #ffc89f;\n --color-coral-base: #fa8136;\n --color-coral-dark: #bb4511;\n --color-coral-text: #c74000;\n --color-lavender-light: #bf97ed;\n --color-lavender-base: #6a14de;\n --color-lavender-dark: #330276;\n --color-lavender-text: #6e00f4;\n --color-bamboo-light: #64cda5;\n --color-bamboo-base: #12966f;\n --color-bamboo-dark: #195d46;\n --color-bamboo-text: #007455;\n";
4
+ export declare const tokens = "\n --color-neutral-text: #1f2123;\n --color-neutral-text-muted: #3d3f43;\n --color-neutral-text-subtle: #6d7178;\n --color-neutral-text-disabled: #c9cbcf;\n --color-neutral-text-on-primary: #ffffff;\n --color-neutral-icon-on-primary: #ffffff;\n --color-neutral-background: #ffffff;\n --color-neutral-background-muted: #f9f9fa;\n --color-neutral-background-subtle: #f4f4f5;\n --color-neutral-background-white: #ffffff;\n --color-neutral-card-background: #ffffff;\n --color-neutral-card-background-hover: #ffffff;\n --color-neutral-border: #d2d3d6;\n --color-neutral-separator-subtle: #e4e5e6;\n --color-neutral-hover: #edeeef;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.12);\n --color-neutral-disabled: #f4f4f5;\n --color-neutral-overflow: #e4e5e6;\n --color-neutral-icon: #4f5257;\n --color-neutral-icon-subtle: #9ea2a8;\n --color-neutral-icon-disabled: #bfc1c5;\n --color-neutral-field-border: #c9cbcf;\n --color-neutral-action-secondary: #d2d3d6;\n --color-neutral-action-secondary-hover: #e4e5e6;\n --color-neutral-action-secondary-active: #d2d3d6;\n --color-neutral-chip-background: #e4e5e6;\n --color-neutral-chip-background-hover: #d2d3d6;\n --color-neutral-chip-background-active: #c9cbcf;\n --color-neutral-chip-background-disabled: #d2d3d6;\n --color-neutral-large-tooltip-background: #ffffff;\n --color-neutral-large-tooltip-border: #e4e5e6;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #161718;\n --color-neutral-small-tooltip-border: #1f2123;\n --color-neutral-overlay: #191b22;\n --color-neutral-field-background: #f9f9fa;\n --color-neutral-text-placeholder: #a9acb1;\n --color-primary-text: #246dff;\n --color-primary-text-interactive: #246dff;\n --color-primary-icon: #246dff;\n --color-primary-action: #246dff;\n --color-primary-action-hover: #4788ff;\n --color-primary-action-active: #0043ca;\n --color-primary-field-border-active: #246dff;\n --color-primary-border-subtle: #c2d7ff;\n --color-primary-background: #e0ebff;\n --color-primary-background-subtle: #f0f5ff;\n --color-primary-background-hover: #e0ebff;\n --color-primary-chip-background: #e0ebff;\n --color-primary-chip-background-subtle: #f0f5ff;\n --color-primary-chip-background-hover: #e0ebff;\n --color-primary-chip-text: #0043ca;\n --color-primary-shadow-active: #c2d7ff;\n --color-primary-black-action: #242528;\n --color-primary-black-action-hover: #292b2e;\n --color-primary-black-action-active: #0a0a0b;\n --color-primary-black-background: #1b1c1d;\n --color-primary-black-background-hover: #3d3f43;\n --color-primary-black-chip-text: #f9f9fa;\n --color-success-text: #008a27;\n --color-success-icon: #008a27;\n --color-success-background: #e4f5e5;\n --color-success-background-hover: #cfe9d1;\n --color-success-background-subtle: #e8f9ef;\n --color-success-background-subtle-hover: #cfe9d1;\n --color-success-background-subtle-active: #80da8d;\n --color-success-chip-background: #e4f5e5;\n --color-success-chip-background-hover: #cfe9d1;\n --color-success-chip-text: #086e08;\n --color-success-border: #00ab46;\n --color-success-border-subtle: #80da8d;\n --color-success-action: #008a27;\n --color-success-action-hover: #00ab46;\n --color-success-action-active: #086e08;\n --color-warning-text: #a96600;\n --color-warning-icon: #e39c04;\n --color-warning-background: #f9f0db;\n --color-warning-background-hover: #f7dfb1;\n --color-warning-background-subtle: #f9f6ea;\n --color-warning-chip-background: #f9f0db;\n --color-warning-chip-background-hover: #f7dfb1;\n --color-warning-chip-text: #8c4e02;\n --color-warning-border: #ca8200;\n --color-warning-border-subtle: #f5b315;\n --color-warning-field-border: #f5b315;\n --color-danger-text: #e3231d;\n --color-danger-icon: #e3231d;\n --color-danger-background: #fff0ec;\n --color-danger-background-hover: #fedad1;\n --color-danger-background-subtle: #fcf2ef;\n --color-danger-background-subtle-hover: #fedad1;\n --color-danger-background-subtle-active: #ffb39f;\n --color-danger-chip-background: #fff0ec;\n --color-danger-chip-background-hover: #fedad1;\n --color-danger-chip-text: #bb0401;\n --color-danger-border: #fa4d37;\n --color-danger-border-subtle: #ffb39f;\n --color-danger-field-border: #fa4d37;\n --color-danger-action: #e3231d;\n --color-danger-action-hover: #fa4d37;\n --color-danger-action-active: #bb0401;\n --color-special-free-plan-background: #ffc89f;\n --color-special-starter-plan-background: #ffdd96;\n --color-special-scale-plan-background: #a1b7ff;\n --color-special-business-plan-background: #a7f2ed;\n --color-special-enterprise-plan-background: #bf97ed;\n --color-special-highlight: #e0ebff;\n --color-third-party-anthropic: #d97757;\n --color-third-party-chat-gpt: #000000;\n --color-third-party-claude: #d97757;\n --color-third-party-cursor: #000000;\n --color-third-party-discord: #5865f2;\n --color-third-party-github: #181717;\n --color-third-party-linkedin: #0a66c2;\n --color-third-party-make: #6d00cc;\n --color-third-party-n8n: #ea4b71;\n --color-third-party-perplexity: #20808d;\n --color-third-party-twitter: #000000;\n --color-third-party-youtube: #ff0000;\n --color-third-party-zapier: #ff4a00;\n --color-rose-light: #f483b5;\n --color-rose-base: #c6387d;\n --color-rose-dark: #781552;\n --color-rose-text: #b6006b;\n --color-buttercup-light: #ffdd96;\n --color-buttercup-base: #f0b21b;\n --color-buttercup-dark: #c37319;\n --color-buttercup-text: #a65d00;\n --color-paprika-light: #e44467;\n --color-paprika-base: #9b0238;\n --color-paprika-dark: #4a0018;\n --color-paprika-text: #ba0044;\n --color-teal-light: #a7f2ed;\n --color-teal-base: #30c0bb;\n --color-teal-dark: #297774;\n --color-teal-text: #018181;\n --color-indigo-light: #a1b7ff;\n --color-indigo-base: #5d85e1;\n --color-indigo-dark: #365494;\n --color-indigo-text: #2563c1;\n --color-slate-light: #c1c5e1;\n --color-slate-base: #8490c4;\n --color-slate-dark: #525c85;\n --color-slate-text: #566087;\n --color-coral-light: #ffc89f;\n --color-coral-base: #fa8136;\n --color-coral-dark: #bb4511;\n --color-coral-text: #c74000;\n --color-lavender-light: #bf97ed;\n --color-lavender-base: #6a14de;\n --color-lavender-dark: #330276;\n --color-lavender-text: #6e00f4;\n --color-bamboo-light: #64cda5;\n --color-bamboo-base: #12966f;\n --color-bamboo-dark: #195d46;\n --color-bamboo-text: #007455;\n";
5
5
  //# sourceMappingURL=css_variables.light.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"css_variables.light.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,gyLAgJlB,CAAC"}
1
+ {"version":3,"file":"css_variables.light.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,izMA6JlB,CAAC"}
@@ -109,6 +109,19 @@ export const tokens = `
109
109
  --color-special-business-plan-background: #a7f2ed;
110
110
  --color-special-enterprise-plan-background: #bf97ed;
111
111
  --color-special-highlight: #e0ebff;
112
+ --color-third-party-anthropic: #d97757;
113
+ --color-third-party-chat-gpt: #000000;
114
+ --color-third-party-claude: #d97757;
115
+ --color-third-party-cursor: #000000;
116
+ --color-third-party-discord: #5865f2;
117
+ --color-third-party-github: #181717;
118
+ --color-third-party-linkedin: #0a66c2;
119
+ --color-third-party-make: #6d00cc;
120
+ --color-third-party-n8n: #ea4b71;
121
+ --color-third-party-perplexity: #20808d;
122
+ --color-third-party-twitter: #000000;
123
+ --color-third-party-youtube: #ff0000;
124
+ --color-third-party-zapier: #ff4a00;
112
125
  --color-rose-light: #f483b5;
113
126
  --color-rose-base: #c6387d;
114
127
  --color-rose-dark: #781552;
@@ -1 +1 @@
1
- {"version":3,"file":"css_variables.light.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgJrB,CAAC"}
1
+ {"version":3,"file":"css_variables.light.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables.light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JrB,CAAC"}
@@ -123,6 +123,21 @@ export declare const colorProperties: {
123
123
  readonly enterprisePlanBackground: "var(--color-special-enterprise-plan-background)";
124
124
  readonly highlight: "var(--color-special-highlight)";
125
125
  };
126
+ readonly thirdParty: {
127
+ readonly anthropic: "var(--color-third-party-anthropic)";
128
+ readonly chatGpt: "var(--color-third-party-chat-gpt)";
129
+ readonly claude: "var(--color-third-party-claude)";
130
+ readonly cursor: "var(--color-third-party-cursor)";
131
+ readonly discord: "var(--color-third-party-discord)";
132
+ readonly github: "var(--color-third-party-github)";
133
+ readonly linkedin: "var(--color-third-party-linkedin)";
134
+ readonly make: "var(--color-third-party-make)";
135
+ readonly n8n: "var(--color-third-party-n8n)";
136
+ readonly perplexity: "var(--color-third-party-perplexity)";
137
+ readonly twitter: "var(--color-third-party-twitter)";
138
+ readonly youtube: "var(--color-third-party-youtube)";
139
+ readonly zapier: "var(--color-third-party-zapier)";
140
+ };
126
141
  readonly rose: {
127
142
  readonly light: "var(--color-rose-light)";
128
143
  readonly base: "var(--color-rose-base)";
@@ -1 +1 @@
1
- {"version":3,"file":"properties_theme.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/properties_theme.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgLlB,CAAC"}
1
+ {"version":3,"file":"properties_theme.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/properties_theme.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+LlB,CAAC"}
@@ -123,6 +123,21 @@ export const colorProperties = {
123
123
  enterprisePlanBackground: 'var(--color-special-enterprise-plan-background)',
124
124
  highlight: 'var(--color-special-highlight)',
125
125
  },
126
+ thirdParty: {
127
+ anthropic: 'var(--color-third-party-anthropic)',
128
+ chatGpt: 'var(--color-third-party-chat-gpt)',
129
+ claude: 'var(--color-third-party-claude)',
130
+ cursor: 'var(--color-third-party-cursor)',
131
+ discord: 'var(--color-third-party-discord)',
132
+ github: 'var(--color-third-party-github)',
133
+ linkedin: 'var(--color-third-party-linkedin)',
134
+ make: 'var(--color-third-party-make)',
135
+ n8n: 'var(--color-third-party-n8n)',
136
+ perplexity: 'var(--color-third-party-perplexity)',
137
+ twitter: 'var(--color-third-party-twitter)',
138
+ youtube: 'var(--color-third-party-youtube)',
139
+ zapier: 'var(--color-third-party-zapier)',
140
+ },
126
141
  rose: {
127
142
  light: 'var(--color-rose-light)',
128
143
  base: 'var(--color-rose-base)',
@@ -1 +1 @@
1
- {"version":3,"file":"properties_theme.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/properties_theme.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"properties_theme.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/properties_theme.ts"],"names":[],"mappings":"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"}
@@ -121,6 +121,21 @@ export declare const theme: {
121
121
  readonly enterprisePlanBackground: "var(--color-special-enterprise-plan-background)";
122
122
  readonly highlight: "var(--color-special-highlight)";
123
123
  };
124
+ readonly thirdParty: {
125
+ readonly anthropic: "var(--color-third-party-anthropic)";
126
+ readonly chatGpt: "var(--color-third-party-chat-gpt)";
127
+ readonly claude: "var(--color-third-party-claude)";
128
+ readonly cursor: "var(--color-third-party-cursor)";
129
+ readonly discord: "var(--color-third-party-discord)";
130
+ readonly github: "var(--color-third-party-github)";
131
+ readonly linkedin: "var(--color-third-party-linkedin)";
132
+ readonly make: "var(--color-third-party-make)";
133
+ readonly n8n: "var(--color-third-party-n8n)";
134
+ readonly perplexity: "var(--color-third-party-perplexity)";
135
+ readonly twitter: "var(--color-third-party-twitter)";
136
+ readonly youtube: "var(--color-third-party-youtube)";
137
+ readonly zapier: "var(--color-third-party-zapier)";
138
+ };
124
139
  readonly rose: {
125
140
  readonly light: "var(--color-rose-light)";
126
141
  readonly base: "var(--color-rose-base)";
@@ -176,6 +191,11 @@ export declare const theme: {
176
191
  readonly text: "var(--color-bamboo-text)";
177
192
  };
178
193
  };
194
+ gradient: {
195
+ readonly thirdParty: {
196
+ readonly make: "linear-gradient(70deg, #ff00ff 2%, #e80df9 9%, #c024ed 23%, #b02de9 30%, #a42be3 42%, #8527d5 63%, #6021c3 85%)";
197
+ };
198
+ };
179
199
  colorPalette: {
180
200
  light: {
181
201
  readonly magentaDeep: "#694d6b";
@@ -1 +1 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKd,4FAA4F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM/F,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC"}
1
+ {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMd,4FAA4F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAM/F,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,CAAC"}
@@ -1,8 +1,9 @@
1
1
  import { colorProperties, darkTheme, lightTheme } from './colors';
2
- import { devices, layouts, radiuses, shadows, spaces, transitions } from './tokens';
2
+ import { devices, gradients, layouts, radiuses, shadows, spaces, transitions } from './tokens';
3
3
  import { typographyTokens } from './typography_theme';
4
4
  export const theme = {
5
5
  color: colorProperties,
6
+ gradient: gradients,
6
7
  colorPalette: { light: lightTheme, dark: darkTheme },
7
8
  space: spaces,
8
9
  radius: radiuses,
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,KAAK,EAAE,eAAe;IACtB,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE;IACpD,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,4FAA4F;IAC5F,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,WAAW;IACvB,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,gBAAgB;CAC/B,CAAC"}
1
+ {"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../src/design_system/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/F,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,KAAK,GAAG;IACjB,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE,SAAS;IACnB,YAAY,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE;IACpD,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,4FAA4F;IAC5F,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,WAAW;IACvB,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,gBAAgB;CAC/B,CAAC"}
@@ -0,0 +1,6 @@
1
+ export declare const gradients: {
2
+ readonly thirdParty: {
3
+ readonly make: "linear-gradient(70deg, #ff00ff 2%, #e80df9 9%, #c024ed 23%, #b02de9 30%, #a42be3 42%, #8527d5 63%, #6021c3 85%)";
4
+ };
5
+ };
6
+ //# sourceMappingURL=gradients.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/gradients.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;CAIZ,CAAC"}
@@ -0,0 +1,6 @@
1
+ export const gradients = {
2
+ thirdParty: {
3
+ make: 'linear-gradient(70deg, #ff00ff 2%, #e80df9 9%, #c024ed 23%, #b02de9 30%, #a42be3 42%, #8527d5 63%, #6021c3 85%)',
4
+ },
5
+ };
6
+ //# sourceMappingURL=gradients.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gradients.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/gradients.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,UAAU,EAAE;QACR,IAAI,EAAE,iHAAiH;KAC1H;CACK,CAAC"}
@@ -3,4 +3,5 @@ export * from './spaces';
3
3
  export * from './shadows';
4
4
  export * from './radiuses';
5
5
  export * from './transitions';
6
+ export * from './gradients';
6
7
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design_system/tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
@@ -3,4 +3,5 @@ export * from './spaces';
3
3
  export * from './shadows';
4
4
  export * from './radiuses';
5
5
  export * from './transitions';
6
+ export * from './gradients';
6
7
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/design_system/tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}
@@ -0,0 +1,11 @@
1
+ import type { IconComponent, IconProps } from '@apify/ui-icons';
2
+ export type WithSizeIconProps = Omit<IconProps, 'size'>;
3
+ export type WithSizeIconComponent = React.FunctionComponent<WithSizeIconProps>;
4
+ export declare const withSize: (Icon: IconComponent, size: IconProps["size"]) => WithSizeIconComponent;
5
+ export type WithColorIconProps = Omit<IconProps, 'color'>;
6
+ export type WithColorIconComponent = React.FunctionComponent<WithColorIconProps>;
7
+ export declare const withColor: (Icon: IconComponent, color: IconProps["color"]) => WithColorIconComponent;
8
+ export type WithGradientIconProps = Omit<IconProps, 'color'>;
9
+ export type WithGradientIconComponent = React.FunctionComponent<WithGradientIconProps>;
10
+ export declare const withGradient: (Icon: IconComponent, color: IconProps["color"], gradient: string) => WithGradientIconComponent;
11
+ //# sourceMappingURL=icons.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/utils/icons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;AACxD,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;AAC/E,eAAO,MAAM,QAAQ,GAAI,MAAM,aAAa,EAAE,MAAM,SAAS,CAAC,MAAM,CAAC,KAAG,qBAEvE,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC1D,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC;AACjF,eAAO,MAAM,SAAS,GAAI,MAAM,aAAa,EAAE,OAAO,SAAS,CAAC,OAAO,CAAC,KAAG,sBAE1E,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAC7D,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AAEvF,eAAO,MAAM,YAAY,GACrB,MAAM,aAAa,EACnB,OAAO,SAAS,CAAC,OAAO,CAAC,EACzB,UAAU,MAAM,KACjB,yBAQF,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import styled from 'styled-components';
3
+ export const withSize = (Icon, size) => {
4
+ return (props) => _jsx(Icon, { ...props, size: size });
5
+ };
6
+ export const withColor = (Icon, color) => {
7
+ return (props) => _jsx(Icon, { ...props, color: color });
8
+ };
9
+ // The paths are `currentColor`, so a transparent root color reveals the background painted through the clip path.
10
+ export const withGradient = (Icon, color, gradient) => {
11
+ const GradientIcon = styled(Icon) `
12
+ @supports (clip-path: url(#icon)) {
13
+ color: transparent;
14
+ background: ${gradient};
15
+ }
16
+ `;
17
+ return (props) => _jsx(GradientIcon, { ...props, color: color });
18
+ };
19
+ //# sourceMappingURL=icons.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/utils/icons.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAmB,EAAE,IAAuB,EAAyB,EAAE;IAC5F,OAAO,CAAC,KAAwB,EAAE,EAAE,CAAC,KAAC,IAAI,OAAK,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;AACzE,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,IAAmB,EAAE,KAAyB,EAA0B,EAAE;IAChG,OAAO,CAAC,KAAyB,EAAE,EAAE,CAAC,KAAC,IAAI,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AAC5E,CAAC,CAAC;AAIF,kHAAkH;AAClH,MAAM,CAAC,MAAM,YAAY,GAAG,CACxB,IAAmB,EACnB,KAAyB,EACzB,QAAgB,EACS,EAAE;IAC3B,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;0BAGX,QAAQ;;KAE7B,CAAC;IACF,OAAO,CAAC,KAA4B,EAAE,EAAE,CAAC,KAAC,YAAY,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AACvF,CAAC,CAAC"}
@@ -4,4 +4,5 @@ export * from './image_color';
4
4
  export * from './resize_observer';
5
5
  export * from './css_utils';
6
6
  export * from './type_utils';
7
+ export * from './icons';
7
8
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
@@ -4,4 +4,5 @@ export * from './image_color';
4
4
  export * from './resize_observer';
5
5
  export * from './css_utils';
6
6
  export * from './type_utils';
7
+ export * from './icons';
7
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}