@apify/ui-library 1.149.1 → 1.149.2-featuilibrarybranddarktheme-0f4409.12

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.
@@ -0,0 +1,13 @@
1
+ /**
2
+ * Full dark theme using apify.com's darker brand neutral palette.
3
+ *
4
+ * Every `theme.color.neutral.*` value is a `var(--color-neutral-*)` reference,
5
+ * so we ship the standard dark tokens and then re-declare only the neutral
6
+ * variables with the brand palette — the cascade does the rest. The non-neutral
7
+ * tokens therefore stay in sync with `cssColorsVariablesDark` automatically.
8
+ *
9
+ * Apply this on its own as a complete theme (it already includes the base dark
10
+ * tokens); there is no need to also apply `cssColorsVariablesDark`.
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: #161616;\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: #101114;\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
+ //# sourceMappingURL=css_variables_brand_dark.d.ts.map
@@ -0,0 +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,06OAA0D,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { tokens as cssColorsVariablesDark } from './generated/css_variables.dark.js';
2
+ import { tokens as brandDarkNeutralOverrides } from './generated/css_variables_brand_neutrals.dark.js';
3
+ /**
4
+ * Full dark theme using apify.com's darker brand neutral palette.
5
+ *
6
+ * Every `theme.color.neutral.*` value is a `var(--color-neutral-*)` reference,
7
+ * so we ship the standard dark tokens and then re-declare only the neutral
8
+ * variables with the brand palette — the cascade does the rest. The non-neutral
9
+ * tokens therefore stay in sync with `cssColorsVariablesDark` automatically.
10
+ *
11
+ * Apply this on its own as a complete theme (it already includes the base dark
12
+ * tokens); there is no need to also apply `cssColorsVariablesDark`.
13
+ */
14
+ export const cssColorsVariablesBrandDark = `${cssColorsVariablesDark}${brandDarkNeutralOverrides}`;
15
+ //# sourceMappingURL=css_variables_brand_dark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"css_variables_brand_dark.js","sourceRoot":"","sources":["../../../../src/design_system/colors/css_variables_brand_dark.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,yBAAyB,EAAE,MAAM,kDAAkD,CAAC;AAEvG;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,sBAAsB,GAAG,yBAAyB,EAAE,CAAC"}
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+ export declare const tokens = "\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: #161616;\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: #101114;\n --color-neutral-field-background: #0f0f0f;\n --color-neutral-text-placeholder: #7b7b7b;\n --color-neutral-on-surface: rgba(109, 113, 120, 0.22);\n";
5
+ //# sourceMappingURL=css_variables_brand_neutrals.dark.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"css_variables_brand_neutrals.dark.d.ts","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_brand_neutrals.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,+oDAsClB,CAAC"}
@@ -0,0 +1,43 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+ export const tokens = `
5
+ --color-neutral-text: #dfdfdf;
6
+ --color-neutral-text-muted: #a3a3a3;
7
+ --color-neutral-text-subtle: #888888;
8
+ --color-neutral-text-disabled: #454545;
9
+ --color-neutral-text-on-primary: #161616;
10
+ --color-neutral-icon-on-primary: #161616;
11
+ --color-neutral-background: #020202;
12
+ --color-neutral-background-muted: #0f0f0f;
13
+ --color-neutral-background-subtle: #1d1d1d;
14
+ --color-neutral-background-white: #f3f3f3;
15
+ --color-neutral-card-background: #0f0f0f;
16
+ --color-neutral-card-background-hover: #1d1d1d;
17
+ --color-neutral-border: #2a2a2a;
18
+ --color-neutral-separator-subtle: #161616;
19
+ --color-neutral-hover: #313131;
20
+ --color-neutral-disabled: #383838;
21
+ --color-neutral-overflow: #2a2a2a;
22
+ --color-neutral-icon: #d8d8d8;
23
+ --color-neutral-icon-subtle: #6d6d6d;
24
+ --color-neutral-icon-disabled: #454545;
25
+ --color-neutral-field-border: #454545;
26
+ --color-neutral-action-secondary: #2a2a2a;
27
+ --color-neutral-action-secondary-hover: #454545;
28
+ --color-neutral-action-secondary-active: #454545;
29
+ --color-neutral-chip-background: #606060;
30
+ --color-neutral-chip-background-hover: #7b7b7b;
31
+ --color-neutral-chip-background-active: #959595;
32
+ --color-neutral-chip-background-disabled: #959595;
33
+ --color-neutral-large-tooltip-background: #2a2a2a;
34
+ --color-neutral-large-tooltip-border: #383838;
35
+ --color-neutral-small-tooltip-text: #ffffff;
36
+ --color-neutral-small-tooltip-background: #2a2a2a;
37
+ --color-neutral-small-tooltip-border: #383838;
38
+ --color-neutral-overlay: #101114;
39
+ --color-neutral-field-background: #0f0f0f;
40
+ --color-neutral-text-placeholder: #7b7b7b;
41
+ --color-neutral-on-surface: rgba(109, 113, 120, 0.22);
42
+ `;
43
+ //# sourceMappingURL=css_variables_brand_neutrals.dark.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"css_variables_brand_neutrals.dark.js","sourceRoot":"","sources":["../../../../../src/design_system/colors/generated/css_variables_brand_neutrals.dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCrB,CAAC"}
@@ -1,5 +1,6 @@
1
1
  export { tokens as cssColorsVariablesLight } from './generated/css_variables.light.js';
2
2
  export { tokens as cssColorsVariablesDark } from './generated/css_variables.dark.js';
3
+ export { cssColorsVariablesBrandDark } from './css_variables_brand_dark.js';
3
4
  export { tokens as cssColorsVariablesPaletteLight } from './generated/css_variables_palette.light.js';
4
5
  export { tokens as cssColorsVariablesPaletteDark } from './generated/css_variables_palette.dark.js';
5
6
  export { darkTheme } from './generated/colors_theme.dark.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,8BAA8B,EAAE,MAAM,4CAA4C,CAAC;AACtG,OAAO,EAAE,MAAM,IAAI,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,8BAA8B,EAAE,MAAM,4CAA4C,CAAC;AACtG,OAAO,EAAE,MAAM,IAAI,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}
@@ -1,5 +1,6 @@
1
1
  export { tokens as cssColorsVariablesLight } from './generated/css_variables.light.js';
2
2
  export { tokens as cssColorsVariablesDark } from './generated/css_variables.dark.js';
3
+ export { cssColorsVariablesBrandDark } from './css_variables_brand_dark.js';
3
4
  export { tokens as cssColorsVariablesPaletteLight } from './generated/css_variables_palette.light.js';
4
5
  export { tokens as cssColorsVariablesPaletteDark } from './generated/css_variables_palette.dark.js';
5
6
  export { darkTheme } from './generated/colors_theme.dark.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/design_system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,8BAA8B,EAAE,MAAM,4CAA4C,CAAC;AACtG,OAAO,EAAE,MAAM,IAAI,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/design_system/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AACrF,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,8BAA8B,EAAE,MAAM,4CAA4C,CAAC;AACtG,OAAO,EAAE,MAAM,IAAI,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC"}