@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.
- package/dist/components/brand_icon/brand_icon.d.ts +16 -0
- package/dist/components/brand_icon/brand_icon.d.ts.map +1 -0
- package/dist/components/brand_icon/brand_icon.js +21 -0
- package/dist/components/brand_icon/index.d.ts +2 -0
- package/dist/components/brand_icon/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/split_button/split_button.styled.d.ts +2 -2
- package/dist/design_system/colors/css_variables_brand_dark.d.ts +1 -1
- package/dist/design_system/colors/css_variables_brand_dark.d.ts.map +1 -1
- package/dist/design_system/colors/generated/css_variables.dark.d.ts +1 -1
- package/dist/design_system/colors/generated/css_variables.dark.d.ts.map +1 -1
- package/dist/design_system/colors/generated/css_variables.dark.js +13 -0
- package/dist/design_system/colors/generated/css_variables.light.d.ts +1 -1
- package/dist/design_system/colors/generated/css_variables.light.d.ts.map +1 -1
- package/dist/design_system/colors/generated/css_variables.light.js +13 -0
- package/dist/design_system/colors/generated/properties_theme.d.ts +15 -0
- package/dist/design_system/colors/generated/properties_theme.d.ts.map +1 -1
- package/dist/design_system/colors/generated/properties_theme.js +15 -0
- package/dist/design_system/theme.d.ts +20 -0
- package/dist/design_system/theme.d.ts.map +1 -1
- package/dist/design_system/theme.js +2 -0
- package/dist/design_system/tokens/gradients.d.ts +6 -0
- package/dist/design_system/tokens/gradients.d.ts.map +1 -0
- package/dist/design_system/tokens/gradients.js +4 -0
- package/dist/design_system/tokens/index.d.ts +1 -0
- package/dist/design_system/tokens/index.d.ts.map +1 -1
- package/dist/files_hash_at_build.txt +1 -1
- package/dist/index.js +4 -1
- package/dist/src/components/brand_icon/brand_icon.d.ts +16 -0
- package/dist/src/components/brand_icon/brand_icon.d.ts.map +1 -0
- package/dist/src/components/brand_icon/brand_icon.js +19 -0
- package/dist/src/components/brand_icon/brand_icon.js.map +1 -0
- package/dist/src/components/brand_icon/index.d.ts +2 -0
- package/dist/src/components/brand_icon/index.d.ts.map +1 -0
- package/dist/src/components/brand_icon/index.js +2 -0
- package/dist/src/components/brand_icon/index.js.map +1 -0
- package/dist/src/components/index.d.ts +1 -0
- package/dist/src/components/index.d.ts.map +1 -1
- package/dist/src/components/index.js +1 -0
- package/dist/src/components/index.js.map +1 -1
- package/dist/src/components/split_button/split_button.styled.d.ts +2 -2
- package/dist/src/design_system/colors/css_variables_brand_dark.d.ts +1 -1
- package/dist/src/design_system/colors/css_variables_brand_dark.d.ts.map +1 -1
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts +1 -1
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map +1 -1
- package/dist/src/design_system/colors/generated/css_variables.dark.js +13 -0
- package/dist/src/design_system/colors/generated/css_variables.dark.js.map +1 -1
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts +1 -1
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map +1 -1
- package/dist/src/design_system/colors/generated/css_variables.light.js +13 -0
- package/dist/src/design_system/colors/generated/css_variables.light.js.map +1 -1
- package/dist/src/design_system/colors/generated/properties_theme.d.ts +15 -0
- package/dist/src/design_system/colors/generated/properties_theme.d.ts.map +1 -1
- package/dist/src/design_system/colors/generated/properties_theme.js +15 -0
- package/dist/src/design_system/colors/generated/properties_theme.js.map +1 -1
- package/dist/src/design_system/theme.d.ts +20 -0
- package/dist/src/design_system/theme.d.ts.map +1 -1
- package/dist/src/design_system/theme.js +2 -1
- package/dist/src/design_system/theme.js.map +1 -1
- package/dist/src/design_system/tokens/gradients.d.ts +6 -0
- package/dist/src/design_system/tokens/gradients.d.ts.map +1 -0
- package/dist/src/design_system/tokens/gradients.js +6 -0
- package/dist/src/design_system/tokens/gradients.js.map +1 -0
- package/dist/src/design_system/tokens/index.d.ts +1 -0
- package/dist/src/design_system/tokens/index.d.ts.map +1 -1
- package/dist/src/design_system/tokens/index.js +1 -0
- package/dist/src/design_system/tokens/index.js.map +1 -1
- package/dist/src/utils/icons.d.ts +11 -0
- package/dist/src/utils/icons.d.ts.map +1 -0
- package/dist/src/utils/icons.js +19 -0
- package/dist/src/utils/icons.js.map +1 -0
- package/dist/src/utils/index.d.ts +1 -0
- package/dist/src/utils/index.d.ts.map +1 -1
- package/dist/src/utils/index.js +1 -0
- package/dist/src/utils/index.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/utils/icons.d.ts +11 -0
- package/dist/utils/icons.d.ts.map +1 -0
- package/dist/utils/icons.js +29 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/components/brand_icon/brand_icon.stories.tsx +55 -0
- package/src/components/brand_icon/brand_icon.tsx +36 -0
- package/src/components/brand_icon/index.ts +1 -0
- package/src/components/index.ts +1 -0
- package/src/design_system/colors/figma_color_tokens.dark.json +54 -0
- package/src/design_system/colors/figma_color_tokens.light.json +55 -1
- package/src/design_system/colors/generated/css_variables.dark.ts +13 -0
- package/src/design_system/colors/generated/css_variables.light.ts +13 -0
- package/src/design_system/colors/generated/properties_theme.ts +15 -0
- package/src/design_system/theme.ts +2 -1
- package/src/design_system/tokens/gradients.ts +5 -0
- package/src/design_system/tokens/index.ts +1 -0
- package/src/utils/icons.tsx +32 -0
- package/src/utils/index.ts +1 -0
- package/style/colors/dark.scss +13 -0
- package/style/colors/light.scss +13 -0
- package/style/colors/tokens.dark.css +13 -0
- 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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/brand_icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -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?:
|
|
10
|
+
role?: import('react').AriaRole;
|
|
11
11
|
className?: string;
|
|
12
|
-
style?:
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
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
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"gradients.d.ts","sourceRoot":"","sources":["../../../src/design_system/tokens/gradients.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;CAIZ,CAAC"}
|
|
@@ -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
|
-
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/brand_icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/brand_icon/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -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"}
|
|
@@ -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?:
|
|
10
|
+
role?: import("react").AriaRole;
|
|
11
11
|
className?: string;
|
|
12
|
-
style?:
|
|
12
|
+
style?: import("react").CSSProperties;
|
|
13
13
|
title?: string;
|
|
14
14
|
titleId?: string;
|
|
15
15
|
}, {
|