@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
@@ -0,0 +1,16 @@
1
+ export declare const AnthropicBrandIcon: import('../..').WithColorIconComponent;
2
+ export declare const ChatGptBrandIcon: import('../..').WithColorIconComponent;
3
+ export declare const ClaudeBrandIcon: import('../..').WithColorIconComponent;
4
+ export declare const CursorBrandIcon: import('../..').WithColorIconComponent;
5
+ export declare const DiscordBrandIcon: import('../..').WithColorIconComponent;
6
+ export declare const DiscordSolidBrandIcon: import('../..').WithColorIconComponent;
7
+ export declare const GithubBrandIcon: import('../..').WithColorIconComponent;
8
+ export declare const LinkedinBrandIcon: import('../..').WithColorIconComponent;
9
+ export declare const LinkedinSolidBrandIcon: import('../..').WithColorIconComponent;
10
+ export declare const MakeBrandIcon: import('../..').WithGradientIconComponent;
11
+ export declare const N8nBrandIcon: import('../..').WithColorIconComponent;
12
+ export declare const PerplexityBrandIcon: import('../..').WithColorIconComponent;
13
+ export declare const TwitterBrandIcon: import('../..').WithColorIconComponent;
14
+ export declare const YoutubeBrandIcon: import('../..').WithColorIconComponent;
15
+ export declare const ZapierBrandIcon: import('../..').WithColorIconComponent;
16
+ //# sourceMappingURL=brand_icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"brand_icon.d.ts","sourceRoot":"","sources":["../../../src/components/brand_icon/brand_icon.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,kBAAkB,wCAA6D,CAAC;AAC7F,eAAO,MAAM,gBAAgB,wCAAyD,CAAC;AACvF,eAAO,MAAM,eAAe,wCAAuD,CAAC;AACpF,eAAO,MAAM,eAAe,wCAAuD,CAAC;AACpF,eAAO,MAAM,gBAAgB,wCAAyD,CAAC;AACvF,eAAO,MAAM,qBAAqB,wCAA8D,CAAC;AACjG,eAAO,MAAM,eAAe,wCAAuD,CAAC;AACpF,eAAO,MAAM,iBAAiB,wCAA2D,CAAC;AAC1F,eAAO,MAAM,sBAAsB,wCAAgE,CAAC;AACpG,eAAO,MAAM,aAAa,2CAAsF,CAAC;AACjH,eAAO,MAAM,YAAY,wCAAiD,CAAC;AAC3E,eAAO,MAAM,mBAAmB,wCAA+D,CAAC;AAChG,eAAO,MAAM,gBAAgB,wCAAyD,CAAC;AACvF,eAAO,MAAM,gBAAgB,wCAAyD,CAAC;AACvF,eAAO,MAAM,eAAe,wCAAuD,CAAC"}
@@ -0,0 +1,21 @@
1
+ import { theme } from "../../design_system/theme.js";
2
+ import { withColor, withGradient } from "../../utils/icons.js";
3
+ import { AnthropicIcon, ChatGptIcon, ClaudeIcon, CursorIcon, DiscordIcon, DiscordSolidIcon, GithubIcon, LinkedinIcon, LinkedinSolidIcon, MakeIcon, N8nIcon, PerplexityIcon, TwitterIcon, YoutubeIcon, ZapierIcon } from "@apify/ui-icons";
4
+ //#region src/components/brand_icon/brand_icon.tsx
5
+ var AnthropicBrandIcon = withColor(AnthropicIcon, theme.color.thirdParty.anthropic);
6
+ var ChatGptBrandIcon = withColor(ChatGptIcon, theme.color.thirdParty.chatGpt);
7
+ var ClaudeBrandIcon = withColor(ClaudeIcon, theme.color.thirdParty.claude);
8
+ var CursorBrandIcon = withColor(CursorIcon, theme.color.thirdParty.cursor);
9
+ var DiscordBrandIcon = withColor(DiscordIcon, theme.color.thirdParty.discord);
10
+ var DiscordSolidBrandIcon = withColor(DiscordSolidIcon, theme.color.thirdParty.discord);
11
+ var GithubBrandIcon = withColor(GithubIcon, theme.color.thirdParty.github);
12
+ var LinkedinBrandIcon = withColor(LinkedinIcon, theme.color.thirdParty.linkedin);
13
+ var LinkedinSolidBrandIcon = withColor(LinkedinSolidIcon, theme.color.thirdParty.linkedin);
14
+ var MakeBrandIcon = withGradient(MakeIcon, theme.color.thirdParty.make, theme.gradient.thirdParty.make);
15
+ var N8nBrandIcon = withColor(N8nIcon, theme.color.thirdParty.n8n);
16
+ var PerplexityBrandIcon = withColor(PerplexityIcon, theme.color.thirdParty.perplexity);
17
+ var TwitterBrandIcon = withColor(TwitterIcon, theme.color.thirdParty.twitter);
18
+ var YoutubeBrandIcon = withColor(YoutubeIcon, theme.color.thirdParty.youtube);
19
+ var ZapierBrandIcon = withColor(ZapierIcon, theme.color.thirdParty.zapier);
20
+ //#endregion
21
+ export { AnthropicBrandIcon, ChatGptBrandIcon, ClaudeBrandIcon, CursorBrandIcon, DiscordBrandIcon, DiscordSolidBrandIcon, GithubBrandIcon, LinkedinBrandIcon, LinkedinSolidBrandIcon, MakeBrandIcon, N8nBrandIcon, PerplexityBrandIcon, TwitterBrandIcon, YoutubeBrandIcon, ZapierBrandIcon };
@@ -0,0 +1,2 @@
1
+ export * from './brand_icon';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/brand_icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -29,6 +29,7 @@ export * from './tag';
29
29
  export * from './tabs';
30
30
  export * from './shortcut';
31
31
  export * from './icon_button';
32
+ export * from './brand_icon';
32
33
  export * from './spinner';
33
34
  export * from './store';
34
35
  export * from './checkbox';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
@@ -7,9 +7,9 @@ export declare const splitButtonClassNames: {
7
7
  export declare const StyledSplitButtonWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
8
8
  export declare const StyledDropdownChevron: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement> & {
9
9
  size?: import('@apify/ui-icons').IconSize;
10
- role?: React.AriaRole;
10
+ role?: import('react').AriaRole;
11
11
  className?: string;
12
- style?: React.CSSProperties;
12
+ style?: import('react').CSSProperties;
13
13
  title?: string;
14
14
  titleId?: string;
15
15
  }, {
@@ -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"}
@@ -110,6 +110,19 @@ var tokens = `
110
110
  --color-special-business-plan-background: #408288;
111
111
  --color-special-enterprise-plan-background: #48296f;
112
112
  --color-special-highlight: #152447;
113
+ --color-third-party-anthropic: #d97757;
114
+ --color-third-party-chat-gpt: #ffffff;
115
+ --color-third-party-claude: #d97757;
116
+ --color-third-party-cursor: #ffffff;
117
+ --color-third-party-discord: #5865f2;
118
+ --color-third-party-github: #ffffff;
119
+ --color-third-party-linkedin: #0a66c2;
120
+ --color-third-party-make: #6d00cc;
121
+ --color-third-party-n8n: #ea4b71;
122
+ --color-third-party-perplexity: #20808d;
123
+ --color-third-party-twitter: #ffffff;
124
+ --color-third-party-youtube: #ff0000;
125
+ --color-third-party-zapier: #ff4a00;
113
126
  --color-rose-light: #e88bb3;
114
127
  --color-rose-base: #b8487b;
115
128
  --color-rose-dark: #6f234f;
@@ -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"}
@@ -110,6 +110,19 @@ var tokens = `
110
110
  --color-special-business-plan-background: #a7f2ed;
111
111
  --color-special-enterprise-plan-background: #bf97ed;
112
112
  --color-special-highlight: #e0ebff;
113
+ --color-third-party-anthropic: #d97757;
114
+ --color-third-party-chat-gpt: #000000;
115
+ --color-third-party-claude: #d97757;
116
+ --color-third-party-cursor: #000000;
117
+ --color-third-party-discord: #5865f2;
118
+ --color-third-party-github: #181717;
119
+ --color-third-party-linkedin: #0a66c2;
120
+ --color-third-party-make: #6d00cc;
121
+ --color-third-party-n8n: #ea4b71;
122
+ --color-third-party-perplexity: #20808d;
123
+ --color-third-party-twitter: #000000;
124
+ --color-third-party-youtube: #ff0000;
125
+ --color-third-party-zapier: #ff4a00;
113
126
  --color-rose-light: #f483b5;
114
127
  --color-rose-base: #c6387d;
115
128
  --color-rose-dark: #781552;
@@ -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"}
@@ -124,6 +124,21 @@ var colorProperties = {
124
124
  enterprisePlanBackground: "var(--color-special-enterprise-plan-background)",
125
125
  highlight: "var(--color-special-highlight)"
126
126
  },
127
+ thirdParty: {
128
+ anthropic: "var(--color-third-party-anthropic)",
129
+ chatGpt: "var(--color-third-party-chat-gpt)",
130
+ claude: "var(--color-third-party-claude)",
131
+ cursor: "var(--color-third-party-cursor)",
132
+ discord: "var(--color-third-party-discord)",
133
+ github: "var(--color-third-party-github)",
134
+ linkedin: "var(--color-third-party-linkedin)",
135
+ make: "var(--color-third-party-make)",
136
+ n8n: "var(--color-third-party-n8n)",
137
+ perplexity: "var(--color-third-party-perplexity)",
138
+ twitter: "var(--color-third-party-twitter)",
139
+ youtube: "var(--color-third-party-youtube)",
140
+ zapier: "var(--color-third-party-zapier)"
141
+ },
127
142
  rose: {
128
143
  light: "var(--color-rose-light)",
129
144
  base: "var(--color-rose-base)",
@@ -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"}
@@ -6,10 +6,12 @@ import { spaces } from "./tokens/spaces.js";
6
6
  import { shadows } from "./tokens/shadows.js";
7
7
  import { radiuses } from "./tokens/radiuses.js";
8
8
  import { transitions } from "./tokens/transitions.js";
9
+ import { gradients } from "./tokens/gradients.js";
9
10
  import { typographyTokens } from "./typography_theme.js";
10
11
  //#region src/design_system/theme.ts
11
12
  var theme = {
12
13
  color: colorProperties,
14
+ gradient: gradients,
13
15
  colorPalette: {
14
16
  light: lightTheme,
15
17
  dark: darkTheme
@@ -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,4 @@
1
+ //#region src/design_system/tokens/gradients.ts
2
+ var gradients = { thirdParty: { make: "linear-gradient(70deg, #ff00ff 2%, #e80df9 9%, #c024ed 23%, #b02de9 30%, #a42be3 42%, #8527d5 63%, #6021c3 85%)" } };
3
+ //#endregion
4
+ export { gradients };
@@ -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"}
@@ -1 +1 @@
1
- 679c4e9b4a8f7646c5199281e51ba276a50c2618
1
+ a195d27866cb5038939c24f602173f3a5a9a654a
package/dist/index.js CHANGED
@@ -11,6 +11,7 @@ import { spaces } from "./design_system/tokens/spaces.js";
11
11
  import { shadows } from "./design_system/tokens/shadows.js";
12
12
  import { radiuses } from "./design_system/tokens/radiuses.js";
13
13
  import { transitions } from "./design_system/tokens/transitions.js";
14
+ import { gradients } from "./design_system/tokens/gradients.js";
14
15
  import { theme } from "./design_system/theme.js";
15
16
  import { clampLines, getResponsiveStyles, getResponsiveValueAtBreakpoint, isResponsiveObject } from "./utils/css_utils.js";
16
17
  import { Box } from "./components/box/box.js";
@@ -53,6 +54,7 @@ import { ColorWheelGradient } from "./components/color_wheel_gradient/color_whee
53
54
  import { useCopyToClipboard } from "./utils/copy_to_clipboard.js";
54
55
  import { sanitizeUrl } from "./utils/sanitization.js";
55
56
  import { useResizeObserverSsr } from "./utils/resize_observer.js";
57
+ import { withColor, withGradient, withSize } from "./utils/icons.js";
56
58
  import { CodeHighlighterLineBashPrefix, CodeHighlighterLinePrefix, PrismSyntaxHighlighter } from "./components/code/prism_highlighter.js";
57
59
  import { CodeBlock } from "./components/code/code_block/code_block.js";
58
60
  import { CODE_BLOCK_TAB_CATALOG, CODE_BLOCK_WITH_TABS_CLASSNAMES, CodeBlockWithTabs } from "./components/code/code_block/code_block_with_tabs.js";
@@ -79,6 +81,7 @@ import { TAG_SIZES, TAG_VARIANTS, Tag } from "./components/tag/tag.js";
79
81
  import { TAB_CLASSNAMES, Tab } from "./components/tabs/tab.js";
80
82
  import { Tabs } from "./components/tabs/tabs.js";
81
83
  import { ICON_BUTTON_VARIANTS, IconButton } from "./components/icon_button/icon_button.js";
84
+ import { AnthropicBrandIcon, ChatGptBrandIcon, ClaudeBrandIcon, CursorBrandIcon, DiscordBrandIcon, DiscordSolidBrandIcon, GithubBrandIcon, LinkedinBrandIcon, LinkedinSolidBrandIcon, MakeBrandIcon, N8nBrandIcon, PerplexityBrandIcon, TwitterBrandIcon, YoutubeBrandIcon, ZapierBrandIcon } from "./components/brand_icon/brand_icon.js";
82
85
  import { StoreActorHeader } from "./components/store/store_actor_header.js";
83
86
  import { RadioButtonPrimitive } from "./components/radio_button/radio_button.js";
84
87
  import { BrowserWindow, classNames } from "./components/browser_window/browser_window.js";
@@ -101,4 +104,4 @@ import { TableEmptyRow } from "./components/table/table_empty_row.js";
101
104
  import { TableLoadingRow } from "./components/table/table_loading_row.js";
102
105
  import { TableErrorRow } from "./components/table/table_error_row.js";
103
106
  import { Breadcrumbs, breadcrumbClassNames } from "./components/breadcrumb/breadcrumb.js";
104
- export { APIFY_HOSTNAMES, ActionBox, ActionLink, ActorAvatar, ActorAvatarInner, ActorTemplateCard, BADGE_SIZES, BADGE_VARIANTS, BUTTON_COLOR_VARIANTS_CSS, BUTTON_SIZE_VARIANTS_CSS, BackLink, Badge, Banner, BlockSpinner, BlogArticle, Box, Breadcrumbs, BrowserWindow, Button, CHIP_SIZES, CHIP_TYPES, CODE_BLOCK_TAB_CATALOG, CODE_BLOCK_WITH_TABS_CLASSNAMES, Card, CardContainer, CheckboxPrimitive, Chip, CodeBlock, CodeBlockWithTabs, CodeHighlighterLineBashPrefix, CodeHighlighterLinePrefix, CollapsibleCard, ColorWheelGradient, DEVELOPER_BADGE, DROPDOWN_ELEMENT_CLASSES, DangerChip, DangerMessage, DeveloperBadge, Dropdown, DropdownButton, DropdownMenuBaseComponent, DropdownMenuBaseComponentWithCount, DropdownShell, FLOATING_PLACEMENT, HeadingShared as Heading, HeadingContent, HeadingMarketing, HorizontalTile, HorizontallyScrollableTableWrapper, ICON_BUTTON_VARIANTS, IconButton, Image, IndeterminateCheckbox, InfoMessage, InlineCode, InlineSpinner, Link, ListMenuComponent, ListMenuItemComponent, MemoizedMarkdown as Markdown, MarkdownBlockQuote, MarkdownCode, MarkdownHeadingWrapper, MarkdownLink, MarkdownParagraphContent, MarkdownPlainHeading, MarkdownTable, Menu, Message, NeutralChip, OneLineCode, PaginationButtons, PlainMenuBaseComponent, PrimaryChip, PrismSyntaxHighlighter, RadioButtonPrimitive, Rating, RatingStats, SHARED_TEXT_TYPES, SelectMultiValueRemove, SelectPrimitive, Shortcut, SimpleMarkdown, SingleStarRating, Spinner, SplitButton, StoreActorHeader, StyledAsLink, StyledCardWrapper, SuccessChip, SuccessMessage, SwitchPrimitive, TAB_CLASSNAMES, TAG_SIZES, TAG_VARIANTS, TOOLTIP_SIZES, TOOLTIP_TEXT_ALIGNS, Tab, TabNumberChip, Table, TableBody, TableCell, TableCellLink, TableEmptyRow, TableErrorRow, TableExpansionRow, TableFoot, TableHead, TableHeadCell, TableHeadRow, TableLoadingRow, TableOfContents, TableRow, Tabs, Tag, TextShared as Text, TextShared, TextBaseComponent, TextContent, TextMarketing, Tooltip, UiDependencyProvider, UserAvatar, VerticalTile, WarningChip, WarningMessage, actorAvatarClassnames, breadcrumbClassNames, classNames as browserWindowClassNames, cardClassNames, cardContainerClassNames, clampLines, classNames$1 as classNames, cleanMarkdown, collapsibleCardClassNames, colorProperties, cssColorsVariablesBrandDark, tokens as cssColorsVariablesDark, tokens$1 as cssColorsVariablesLight, tokens$2 as cssColorsVariablesPaletteDark, tokens$3 as cssColorsVariablesPaletteLight, darkTheme, defaultAllowedElements, defaultRehypePlugins, defaultRemarkPlugins, developerBadgeTestIds, devices, getButtonColorStyles, getButtonDisabledStyles, getButtonSizeStyles, getResponsiveStyles, getResponsiveValueAtBreakpoint, hasUrlHttpProtocol, inlineCodeStyles, isResponsiveObject, isUrlEmail, isUrlExternal, layouts, lightTheme, menuClassNames, messageClassNames, omitDomainAndProtocol, oneLineCodeClassNames, pythonizeValue, radiuses, regularMarkdownSizeComponents, sanitizeUrl, selectDefaultGetIsSelected, shadows, slugifyHeadingChildren, smallMarkdownSizeComponents, spaces, spinnerClassNames, splitButtonClassNames, splitButtonMainActionTestId, splitButtonTriggerTestId, tableClassNames, tableTestIds, theme, transitions, useActorTitleHeadingFilter, useCopyToClipboard, useDefaultUrlTransform, useFloatingMenu, useImageColor, useResizeObserverSsr, useSharedUiDependencies, useShowTableOfContents, userAvatarBaseClassNames, withReactSelectTheme, withTooltip };
107
+ export { APIFY_HOSTNAMES, ActionBox, ActionLink, ActorAvatar, ActorAvatarInner, ActorTemplateCard, AnthropicBrandIcon, BADGE_SIZES, BADGE_VARIANTS, BUTTON_COLOR_VARIANTS_CSS, BUTTON_SIZE_VARIANTS_CSS, BackLink, Badge, Banner, BlockSpinner, BlogArticle, Box, Breadcrumbs, BrowserWindow, Button, CHIP_SIZES, CHIP_TYPES, CODE_BLOCK_TAB_CATALOG, CODE_BLOCK_WITH_TABS_CLASSNAMES, Card, CardContainer, ChatGptBrandIcon, CheckboxPrimitive, Chip, ClaudeBrandIcon, CodeBlock, CodeBlockWithTabs, CodeHighlighterLineBashPrefix, CodeHighlighterLinePrefix, CollapsibleCard, ColorWheelGradient, CursorBrandIcon, DEVELOPER_BADGE, DROPDOWN_ELEMENT_CLASSES, DangerChip, DangerMessage, DeveloperBadge, DiscordBrandIcon, DiscordSolidBrandIcon, Dropdown, DropdownButton, DropdownMenuBaseComponent, DropdownMenuBaseComponentWithCount, DropdownShell, FLOATING_PLACEMENT, GithubBrandIcon, HeadingShared as Heading, HeadingContent, HeadingMarketing, HorizontalTile, HorizontallyScrollableTableWrapper, ICON_BUTTON_VARIANTS, IconButton, Image, IndeterminateCheckbox, InfoMessage, InlineCode, InlineSpinner, Link, LinkedinBrandIcon, LinkedinSolidBrandIcon, ListMenuComponent, ListMenuItemComponent, MakeBrandIcon, MemoizedMarkdown as Markdown, MarkdownBlockQuote, MarkdownCode, MarkdownHeadingWrapper, MarkdownLink, MarkdownParagraphContent, MarkdownPlainHeading, MarkdownTable, Menu, Message, N8nBrandIcon, NeutralChip, OneLineCode, PaginationButtons, PerplexityBrandIcon, PlainMenuBaseComponent, PrimaryChip, PrismSyntaxHighlighter, RadioButtonPrimitive, Rating, RatingStats, SHARED_TEXT_TYPES, SelectMultiValueRemove, SelectPrimitive, Shortcut, SimpleMarkdown, SingleStarRating, Spinner, SplitButton, StoreActorHeader, StyledAsLink, StyledCardWrapper, SuccessChip, SuccessMessage, SwitchPrimitive, TAB_CLASSNAMES, TAG_SIZES, TAG_VARIANTS, TOOLTIP_SIZES, TOOLTIP_TEXT_ALIGNS, Tab, TabNumberChip, Table, TableBody, TableCell, TableCellLink, TableEmptyRow, TableErrorRow, TableExpansionRow, TableFoot, TableHead, TableHeadCell, TableHeadRow, TableLoadingRow, TableOfContents, TableRow, Tabs, Tag, TextShared as Text, TextShared, TextBaseComponent, TextContent, TextMarketing, Tooltip, TwitterBrandIcon, UiDependencyProvider, UserAvatar, VerticalTile, WarningChip, WarningMessage, YoutubeBrandIcon, ZapierBrandIcon, actorAvatarClassnames, breadcrumbClassNames, classNames as browserWindowClassNames, cardClassNames, cardContainerClassNames, clampLines, classNames$1 as classNames, cleanMarkdown, collapsibleCardClassNames, colorProperties, cssColorsVariablesBrandDark, tokens as cssColorsVariablesDark, tokens$1 as cssColorsVariablesLight, tokens$2 as cssColorsVariablesPaletteDark, tokens$3 as cssColorsVariablesPaletteLight, darkTheme, defaultAllowedElements, defaultRehypePlugins, defaultRemarkPlugins, developerBadgeTestIds, devices, getButtonColorStyles, getButtonDisabledStyles, getButtonSizeStyles, getResponsiveStyles, getResponsiveValueAtBreakpoint, gradients, hasUrlHttpProtocol, inlineCodeStyles, isResponsiveObject, isUrlEmail, isUrlExternal, layouts, lightTheme, menuClassNames, messageClassNames, omitDomainAndProtocol, oneLineCodeClassNames, pythonizeValue, radiuses, regularMarkdownSizeComponents, sanitizeUrl, selectDefaultGetIsSelected, shadows, slugifyHeadingChildren, smallMarkdownSizeComponents, spaces, spinnerClassNames, splitButtonClassNames, splitButtonMainActionTestId, splitButtonTriggerTestId, tableClassNames, tableTestIds, theme, transitions, useActorTitleHeadingFilter, useCopyToClipboard, useDefaultUrlTransform, useFloatingMenu, useImageColor, useResizeObserverSsr, useSharedUiDependencies, useShowTableOfContents, userAvatarBaseClassNames, withColor, withGradient, withReactSelectTheme, withSize, withTooltip };
@@ -0,0 +1,16 @@
1
+ export declare const AnthropicBrandIcon: import("../..").WithColorIconComponent;
2
+ export declare const ChatGptBrandIcon: import("../..").WithColorIconComponent;
3
+ export declare const ClaudeBrandIcon: import("../..").WithColorIconComponent;
4
+ export declare const CursorBrandIcon: import("../..").WithColorIconComponent;
5
+ export declare const DiscordBrandIcon: import("../..").WithColorIconComponent;
6
+ export declare const DiscordSolidBrandIcon: import("../..").WithColorIconComponent;
7
+ export declare const GithubBrandIcon: import("../..").WithColorIconComponent;
8
+ export declare const LinkedinBrandIcon: import("../..").WithColorIconComponent;
9
+ export declare const LinkedinSolidBrandIcon: import("../..").WithColorIconComponent;
10
+ export declare const MakeBrandIcon: import("../..").WithGradientIconComponent;
11
+ export declare const N8nBrandIcon: import("../..").WithColorIconComponent;
12
+ export declare const PerplexityBrandIcon: import("../..").WithColorIconComponent;
13
+ export declare const TwitterBrandIcon: import("../..").WithColorIconComponent;
14
+ export declare const YoutubeBrandIcon: import("../..").WithColorIconComponent;
15
+ export declare const ZapierBrandIcon: import("../..").WithColorIconComponent;
16
+ //# sourceMappingURL=brand_icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"brand_icon.d.ts","sourceRoot":"","sources":["../../../../src/components/brand_icon/brand_icon.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,kBAAkB,wCAA6D,CAAC;AAC7F,eAAO,MAAM,gBAAgB,wCAAyD,CAAC;AACvF,eAAO,MAAM,eAAe,wCAAuD,CAAC;AACpF,eAAO,MAAM,eAAe,wCAAuD,CAAC;AACpF,eAAO,MAAM,gBAAgB,wCAAyD,CAAC;AACvF,eAAO,MAAM,qBAAqB,wCAA8D,CAAC;AACjG,eAAO,MAAM,eAAe,wCAAuD,CAAC;AACpF,eAAO,MAAM,iBAAiB,wCAA2D,CAAC;AAC1F,eAAO,MAAM,sBAAsB,wCAAgE,CAAC;AACpG,eAAO,MAAM,aAAa,2CAAsF,CAAC;AACjH,eAAO,MAAM,YAAY,wCAAiD,CAAC;AAC3E,eAAO,MAAM,mBAAmB,wCAA+D,CAAC;AAChG,eAAO,MAAM,gBAAgB,wCAAyD,CAAC;AACvF,eAAO,MAAM,gBAAgB,wCAAyD,CAAC;AACvF,eAAO,MAAM,eAAe,wCAAuD,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { AnthropicIcon, ChatGptIcon, ClaudeIcon, CursorIcon, DiscordIcon, DiscordSolidIcon, GithubIcon, LinkedinIcon, LinkedinSolidIcon, MakeIcon, N8nIcon, PerplexityIcon, TwitterIcon, YoutubeIcon, ZapierIcon, } from '@apify/ui-icons';
2
+ import { theme } from '../../design_system/theme';
3
+ import { withColor, withGradient } from '../../utils';
4
+ export const AnthropicBrandIcon = withColor(AnthropicIcon, theme.color.thirdParty.anthropic);
5
+ export const ChatGptBrandIcon = withColor(ChatGptIcon, theme.color.thirdParty.chatGpt);
6
+ export const ClaudeBrandIcon = withColor(ClaudeIcon, theme.color.thirdParty.claude);
7
+ export const CursorBrandIcon = withColor(CursorIcon, theme.color.thirdParty.cursor);
8
+ export const DiscordBrandIcon = withColor(DiscordIcon, theme.color.thirdParty.discord);
9
+ export const DiscordSolidBrandIcon = withColor(DiscordSolidIcon, theme.color.thirdParty.discord);
10
+ export const GithubBrandIcon = withColor(GithubIcon, theme.color.thirdParty.github);
11
+ export const LinkedinBrandIcon = withColor(LinkedinIcon, theme.color.thirdParty.linkedin);
12
+ export const LinkedinSolidBrandIcon = withColor(LinkedinSolidIcon, theme.color.thirdParty.linkedin);
13
+ export const MakeBrandIcon = withGradient(MakeIcon, theme.color.thirdParty.make, theme.gradient.thirdParty.make);
14
+ export const N8nBrandIcon = withColor(N8nIcon, theme.color.thirdParty.n8n);
15
+ export const PerplexityBrandIcon = withColor(PerplexityIcon, theme.color.thirdParty.perplexity);
16
+ export const TwitterBrandIcon = withColor(TwitterIcon, theme.color.thirdParty.twitter);
17
+ export const YoutubeBrandIcon = withColor(YoutubeIcon, theme.color.thirdParty.youtube);
18
+ export const ZapierBrandIcon = withColor(ZapierIcon, theme.color.thirdParty.zapier);
19
+ //# sourceMappingURL=brand_icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"brand_icon.js","sourceRoot":"","sources":["../../../../src/components/brand_icon/brand_icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,EACb,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,WAAW,EACX,WAAW,EACX,UAAU,GACb,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;AAC7F,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACvF,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACvF,MAAM,CAAC,MAAM,qBAAqB,GAAG,SAAS,CAAC,gBAAgB,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACjG,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AAC1F,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AACpG,MAAM,CAAC,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;AACjH,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AAChG,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACvF,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;AACvF,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './brand_icon';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/brand_icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * from './brand_icon';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/brand_icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -29,6 +29,7 @@ export * from './tag';
29
29
  export * from './tabs';
30
30
  export * from './shortcut';
31
31
  export * from './icon_button';
32
+ export * from './brand_icon';
32
33
  export * from './spinner';
33
34
  export * from './store';
34
35
  export * from './checkbox';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
@@ -29,6 +29,7 @@ export * from './tag';
29
29
  export * from './tabs';
30
30
  export * from './shortcut';
31
31
  export * from './icon_button';
32
+ export * from './brand_icon';
32
33
  export * from './spinner';
33
34
  export * from './store';
34
35
  export * from './checkbox';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
@@ -7,9 +7,9 @@ export declare const splitButtonClassNames: {
7
7
  export declare const StyledSplitButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
8
8
  export declare const StyledDropdownChevron: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement> & {
9
9
  size?: import("@apify/ui-icons").IconSize;
10
- role?: React.AriaRole;
10
+ role?: import("react").AriaRole;
11
11
  className?: string;
12
- style?: React.CSSProperties;
12
+ style?: import("react").CSSProperties;
13
13
  title?: string;
14
14
  titleId?: string;
15
15
  }, {