@apify/ui-library 1.147.2 → 1.147.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts +10 -10
  2. package/dist/src/design_system/colors/generated/colors_theme.dark.js +10 -10
  3. package/dist/src/design_system/colors/generated/colors_theme.light.d.ts +11 -11
  4. package/dist/src/design_system/colors/generated/colors_theme.light.js +11 -11
  5. package/dist/src/design_system/colors/generated/css_variables.dark.d.ts +1 -1
  6. package/dist/src/design_system/colors/generated/css_variables.dark.js +17 -17
  7. package/dist/src/design_system/colors/generated/css_variables.light.d.ts +1 -1
  8. package/dist/src/design_system/colors/generated/css_variables.light.js +17 -17
  9. package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts +1 -1
  10. package/dist/src/design_system/colors/generated/css_variables_palette.dark.js +10 -10
  11. package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts +1 -1
  12. package/dist/src/design_system/colors/generated/css_variables_palette.light.js +11 -11
  13. package/dist/src/design_system/theme.d.ts +21 -21
  14. package/dist/tsconfig.build.tsbuildinfo +1 -1
  15. package/package.json +3 -3
  16. package/src/design_system/colors/figma_color_tokens.dark.json +10 -10
  17. package/src/design_system/colors/figma_color_tokens.light.json +11 -11
  18. package/src/design_system/colors/generated/colors_theme.dark.ts +10 -10
  19. package/src/design_system/colors/generated/colors_theme.light.ts +11 -11
  20. package/src/design_system/colors/generated/css_variables.dark.ts +17 -17
  21. package/src/design_system/colors/generated/css_variables.light.ts +17 -17
  22. package/src/design_system/colors/generated/css_variables_palette.dark.ts +10 -10
  23. package/src/design_system/colors/generated/css_variables_palette.light.ts +11 -11
  24. package/style/colors/dark.scss +17 -17
  25. package/style/colors/light.scss +17 -17
  26. package/style/colors/palette.dark.scss +10 -10
  27. package/style/colors/palette.light.scss +11 -11
  28. package/style/colors/tokens.dark.css +17 -17
  29. package/style/colors/tokens.light.css +17 -17
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apify/ui-library",
3
- "version": "1.147.2",
3
+ "version": "1.147.4",
4
4
  "description": "React UI library used by apify.com",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
@@ -61,7 +61,7 @@
61
61
  "styled-components": "^6.1.19"
62
62
  },
63
63
  "devDependencies": {
64
- "@apify-packages/types": "^3.377.1",
64
+ "@apify-packages/types": "^3.378.0",
65
65
  "@storybook/react-vite": "^10.3.5",
66
66
  "@testing-library/react": "^16.3.2",
67
67
  "@types/hast": "^3.0.4",
@@ -78,5 +78,5 @@
78
78
  "src",
79
79
  "style"
80
80
  ],
81
- "gitHead": "2fc581b8f223ce4461ffb450d1a5d613c4066d37"
81
+ "gitHead": "5b2722653b78cc6264adcfb3042991bfc5dc7a2f"
82
82
  }
package/src/design_system/colors/figma_color_tokens.dark.json CHANGED
@@ -799,43 +799,43 @@
799
799
  },
800
800
  "50": {
801
801
  "$type": "color",
802
- "$value": "#8ebcff"
802
+ "$value": "#97bcff"
803
803
  },
804
804
  "75": {
805
805
  "$type": "color",
806
- "$value": "#80a9ff"
806
+ "$value": "#7aa8ff"
807
807
  },
808
808
  "100": {
809
809
  "$type": "color",
810
- "$value": "#6f9dff"
810
+ "$value": "#6b9fff"
811
811
  },
812
812
  "200": {
813
813
  "$type": "color",
814
- "$value": "#5990ff"
814
+ "$value": "#528fff"
815
815
  },
816
816
  "300": {
817
817
  "$type": "color",
818
- "$value": "#3970d7"
818
+ "$value": "#246dff"
819
819
  },
820
820
  "350": {
821
821
  "$type": "color",
822
- "$value": "#295cbb"
822
+ "$value": "#1e52e0"
823
823
  },
824
824
  "400": {
825
825
  "$type": "color",
826
- "$value": "#194594"
826
+ "$value": "#1d41af"
827
827
  },
828
828
  "500": {
829
829
  "$type": "color",
830
- "$value": "#1a3a78"
830
+ "$value": "#18367c"
831
831
  },
832
832
  "600": {
833
833
  "$type": "color",
834
- "$value": "#0d2550"
834
+ "$value": "#152447"
835
835
  },
836
836
  "700": {
837
837
  "$type": "color",
838
- "$value": "#151d34"
838
+ "$value": "#0f192f"
839
839
  }
840
840
  }
841
841
  },
package/src/design_system/colors/figma_color_tokens.light.json CHANGED
@@ -795,47 +795,47 @@
795
795
  "Blue": {
796
796
  "25": {
797
797
  "$type": "color",
798
- "$value": "#f0f8ff"
798
+ "$value": "#f0f5ff"
799
799
  },
800
800
  "50": {
801
801
  "$type": "color",
802
- "$value": "#ecf1ff"
802
+ "$value": "#e0ebff"
803
803
  },
804
804
  "75": {
805
805
  "$type": "color",
806
- "$value": "#e1eaff"
806
+ "$value": "#d8e8ff"
807
807
  },
808
808
  "100": {
809
809
  "$type": "color",
810
- "$value": "#d8e2ff"
810
+ "$value": "#e0ebff"
811
811
  },
812
812
  "200": {
813
813
  "$type": "color",
814
- "$value": "#b2c6ff"
814
+ "$value": "#c2d7ff"
815
815
  },
816
816
  "300": {
817
817
  "$type": "color",
818
- "$value": "#88abfe"
818
+ "$value": "#85b0ff"
819
819
  },
820
820
  "350": {
821
821
  "$type": "color",
822
- "$value": "#709efd"
822
+ "$value": "#66a0ff"
823
823
  },
824
824
  "400": {
825
825
  "$type": "color",
826
- "$value": "#5290f9"
826
+ "$value": "#4788ff"
827
827
  },
828
828
  "500": {
829
829
  "$type": "color",
830
- "$value": "#1672eb"
830
+ "$value": "#246dff"
831
831
  },
832
832
  "600": {
833
833
  "$type": "color",
834
- "$value": "#1a57da"
834
+ "$value": "#0043ca"
835
835
  },
836
836
  "700": {
837
837
  "$type": "color",
838
- "$value": "#224ed5"
838
+ "$value": "#003399"
839
839
  }
840
840
  }
841
841
  },
package/src/design_system/colors/generated/colors_theme.dark.ts CHANGED
@@ -86,16 +86,16 @@ export const darkTheme = {
86
86
  green600: '#0f2b14',
87
87
  green700: '#09260f',
88
88
  blue25: '#92c0ff',
89
- blue50: '#8ebcff',
90
- blue75: '#80a9ff',
91
- blue100: '#6f9dff',
92
- blue200: '#5990ff',
93
- blue300: '#3970d7',
94
- blue350: '#295cbb',
95
- blue400: '#194594',
96
- blue500: '#1a3a78',
97
- blue600: '#0d2550',
98
- blue700: '#151d34',
89
+ blue50: '#97bcff',
90
+ blue75: '#7aa8ff',
91
+ blue100: '#6b9fff',
92
+ blue200: '#528fff',
93
+ blue300: '#246dff',
94
+ blue350: '#1e52e0',
95
+ blue400: '#1d41af',
96
+ blue500: '#18367c',
97
+ blue600: '#152447',
98
+ blue700: '#0f192f',
99
99
  roseLight: '#e88bb3',
100
100
  roseBase: '#b8487b',
101
101
  roseDark: '#6f234f',
package/src/design_system/colors/generated/colors_theme.light.ts CHANGED
@@ -85,17 +85,17 @@ export const lightTheme = {
85
85
  green500: '#008a27',
86
86
  green600: '#086e08',
87
87
  green700: '#176b08',
88
- blue25: '#f0f8ff',
89
- blue50: '#ecf1ff',
90
- blue75: '#e1eaff',
91
- blue100: '#d8e2ff',
92
- blue200: '#b2c6ff',
93
- blue300: '#88abfe',
94
- blue350: '#709efd',
95
- blue400: '#5290f9',
96
- blue500: '#1672eb',
97
- blue600: '#1a57da',
98
- blue700: '#224ed5',
88
+ blue25: '#f0f5ff',
89
+ blue50: '#e0ebff',
90
+ blue75: '#d8e8ff',
91
+ blue100: '#e0ebff',
92
+ blue200: '#c2d7ff',
93
+ blue300: '#85b0ff',
94
+ blue350: '#66a0ff',
95
+ blue400: '#4788ff',
96
+ blue500: '#246dff',
97
+ blue600: '#0043ca',
98
+ blue700: '#003399',
99
99
  roseLight: '#f483b5',
100
100
  roseBase: '#c6387d',
101
101
  roseDark: '#781552',
package/src/design_system/colors/generated/css_variables.dark.ts CHANGED
@@ -40,22 +40,22 @@ export const tokens = `
40
40
  --color-neutral-overlay: #101114;
41
41
  --color-neutral-field-background: #0a0a0b;
42
42
  --color-neutral-text-placeholder: #6d7178;
43
- --color-primary-text: #6f9dff;
44
- --color-primary-text-interactive: #6f9dff;
45
- --color-primary-icon: #3970d7;
46
- --color-primary-action: #5990ff;
47
- --color-primary-action-hover: #80a9ff;
48
- --color-primary-action-active: #3970d7;
49
- --color-primary-field-border-active: #3970d7;
50
- --color-primary-border-subtle: #295cbb;
51
- --color-primary-background: #0d2550;
52
- --color-primary-background-subtle: #151d34;
53
- --color-primary-background-hover: #194594;
54
- --color-primary-chip-background: #0d2550;
55
- --color-primary-chip-background-subtle: #151d34;
56
- --color-primary-chip-background-hover: #194594;
57
- --color-primary-chip-text: #8ebcff;
58
- --color-primary-shadow-active: #295cbb;
43
+ --color-primary-text: #6b9fff;
44
+ --color-primary-text-interactive: #6b9fff;
45
+ --color-primary-icon: #246dff;
46
+ --color-primary-action: #528fff;
47
+ --color-primary-action-hover: #7aa8ff;
48
+ --color-primary-action-active: #246dff;
49
+ --color-primary-field-border-active: #246dff;
50
+ --color-primary-border-subtle: #1e52e0;
51
+ --color-primary-background: #152447;
52
+ --color-primary-background-subtle: #0f192f;
53
+ --color-primary-background-hover: #1d41af;
54
+ --color-primary-chip-background: #152447;
55
+ --color-primary-chip-background-subtle: #0f192f;
56
+ --color-primary-chip-background-hover: #1d41af;
57
+ --color-primary-chip-text: #97bcff;
58
+ --color-primary-shadow-active: #1e52e0;
59
59
  --color-primary-black-action: #ffffff;
60
60
  --color-primary-black-action-hover: #d2d3d6;
61
61
  --color-primary-black-action-active: #f4f4f5;
@@ -109,7 +109,7 @@ export const tokens = `
109
109
  --color-special-scale-plan-background: #425484;
110
110
  --color-special-business-plan-background: #408288;
111
111
  --color-special-enterprise-plan-background: #48296f;
112
- --color-special-highlight: #0d2550;
112
+ --color-special-highlight: #152447;
113
113
  --color-rose-light: #e88bb3;
114
114
  --color-rose-base: #b8487b;
115
115
  --color-rose-dark: #6f234f;
package/src/design_system/colors/generated/css_variables.light.ts CHANGED
@@ -40,22 +40,22 @@ export const tokens = `
40
40
  --color-neutral-overlay: #191b22;
41
41
  --color-neutral-field-background: #f9f9fa;
42
42
  --color-neutral-text-placeholder: #a9acb1;
43
- --color-primary-text: #1672eb;
44
- --color-primary-text-interactive: #1672eb;
45
- --color-primary-icon: #1672eb;
46
- --color-primary-action: #1672eb;
47
- --color-primary-action-hover: #5290f9;
48
- --color-primary-action-active: #1a57da;
49
- --color-primary-field-border-active: #1672eb;
50
- --color-primary-border-subtle: #b2c6ff;
51
- --color-primary-background: #ecf1ff;
52
- --color-primary-background-subtle: #f0f8ff;
53
- --color-primary-background-hover: #d8e2ff;
54
- --color-primary-chip-background: #ecf1ff;
55
- --color-primary-chip-background-subtle: #f0f8ff;
56
- --color-primary-chip-background-hover: #d8e2ff;
57
- --color-primary-chip-text: #1a57da;
58
- --color-primary-shadow-active: #b2c6ff;
43
+ --color-primary-text: #246dff;
44
+ --color-primary-text-interactive: #246dff;
45
+ --color-primary-icon: #246dff;
46
+ --color-primary-action: #246dff;
47
+ --color-primary-action-hover: #4788ff;
48
+ --color-primary-action-active: #0043ca;
49
+ --color-primary-field-border-active: #246dff;
50
+ --color-primary-border-subtle: #c2d7ff;
51
+ --color-primary-background: #e0ebff;
52
+ --color-primary-background-subtle: #f0f5ff;
53
+ --color-primary-background-hover: #e0ebff;
54
+ --color-primary-chip-background: #e0ebff;
55
+ --color-primary-chip-background-subtle: #f0f5ff;
56
+ --color-primary-chip-background-hover: #e0ebff;
57
+ --color-primary-chip-text: #0043ca;
58
+ --color-primary-shadow-active: #c2d7ff;
59
59
  --color-primary-black-action: #242528;
60
60
  --color-primary-black-action-hover: #292b2e;
61
61
  --color-primary-black-action-active: #0a0a0b;
@@ -109,7 +109,7 @@ export const tokens = `
109
109
  --color-special-scale-plan-background: #a1b7ff;
110
110
  --color-special-business-plan-background: #a7f2ed;
111
111
  --color-special-enterprise-plan-background: #bf97ed;
112
- --color-special-highlight: #ecf1ff;
112
+ --color-special-highlight: #e0ebff;
113
113
  --color-rose-light: #f483b5;
114
114
  --color-rose-base: #c6387d;
115
115
  --color-rose-dark: #781552;
package/src/design_system/colors/generated/css_variables_palette.dark.ts CHANGED
@@ -61,14 +61,14 @@ export const tokens = `
61
61
  --palette-green-600: #0f2b14;
62
62
  --palette-green-700: #09260f;
63
63
  --palette-blue-25: #92c0ff;
64
- --palette-blue-50: #8ebcff;
65
- --palette-blue-75: #80a9ff;
66
- --palette-blue-100: #6f9dff;
67
- --palette-blue-200: #5990ff;
68
- --palette-blue-300: #3970d7;
69
- --palette-blue-350: #295cbb;
70
- --palette-blue-400: #194594;
71
- --palette-blue-500: #1a3a78;
72
- --palette-blue-600: #0d2550;
73
- --palette-blue-700: #151d34;
64
+ --palette-blue-50: #97bcff;
65
+ --palette-blue-75: #7aa8ff;
66
+ --palette-blue-100: #6b9fff;
67
+ --palette-blue-200: #528fff;
68
+ --palette-blue-300: #246dff;
69
+ --palette-blue-350: #1e52e0;
70
+ --palette-blue-400: #1d41af;
71
+ --palette-blue-500: #18367c;
72
+ --palette-blue-600: #152447;
73
+ --palette-blue-700: #0f192f;
74
74
  `;
package/src/design_system/colors/generated/css_variables_palette.light.ts CHANGED
@@ -60,15 +60,15 @@ export const tokens = `
60
60
  --palette-green-500: #008a27;
61
61
  --palette-green-600: #086e08;
62
62
  --palette-green-700: #176b08;
63
- --palette-blue-25: #f0f8ff;
64
- --palette-blue-50: #ecf1ff;
65
- --palette-blue-75: #e1eaff;
66
- --palette-blue-100: #d8e2ff;
67
- --palette-blue-200: #b2c6ff;
68
- --palette-blue-300: #88abfe;
69
- --palette-blue-350: #709efd;
70
- --palette-blue-400: #5290f9;
71
- --palette-blue-500: #1672eb;
72
- --palette-blue-600: #1a57da;
73
- --palette-blue-700: #224ed5;
63
+ --palette-blue-25: #f0f5ff;
64
+ --palette-blue-50: #e0ebff;
65
+ --palette-blue-75: #d8e8ff;
66
+ --palette-blue-100: #e0ebff;
67
+ --palette-blue-200: #c2d7ff;
68
+ --palette-blue-300: #85b0ff;
69
+ --palette-blue-350: #66a0ff;
70
+ --palette-blue-400: #4788ff;
71
+ --palette-blue-500: #246dff;
72
+ --palette-blue-600: #0043ca;
73
+ --palette-blue-700: #003399;
74
74
  `;
package/style/colors/dark.scss CHANGED
@@ -41,22 +41,22 @@ $tokens: (
41
41
  'color-neutral-overlay': #101114,
42
42
  'color-neutral-field-background': #0a0a0b,
43
43
  'color-neutral-text-placeholder': #6d7178,
44
- 'color-primary-text': #6f9dff,
45
- 'color-primary-text-interactive': #6f9dff,
46
- 'color-primary-icon': #3970d7,
47
- 'color-primary-action': #5990ff,
48
- 'color-primary-action-hover': #80a9ff,
49
- 'color-primary-action-active': #3970d7,
50
- 'color-primary-field-border-active': #3970d7,
51
- 'color-primary-border-subtle': #295cbb,
52
- 'color-primary-background': #0d2550,
53
- 'color-primary-background-subtle': #151d34,
54
- 'color-primary-background-hover': #194594,
55
- 'color-primary-chip-background': #0d2550,
56
- 'color-primary-chip-background-subtle': #151d34,
57
- 'color-primary-chip-background-hover': #194594,
58
- 'color-primary-chip-text': #8ebcff,
59
- 'color-primary-shadow-active': #295cbb,
44
+ 'color-primary-text': #6b9fff,
45
+ 'color-primary-text-interactive': #6b9fff,
46
+ 'color-primary-icon': #246dff,
47
+ 'color-primary-action': #528fff,
48
+ 'color-primary-action-hover': #7aa8ff,
49
+ 'color-primary-action-active': #246dff,
50
+ 'color-primary-field-border-active': #246dff,
51
+ 'color-primary-border-subtle': #1e52e0,
52
+ 'color-primary-background': #152447,
53
+ 'color-primary-background-subtle': #0f192f,
54
+ 'color-primary-background-hover': #1d41af,
55
+ 'color-primary-chip-background': #152447,
56
+ 'color-primary-chip-background-subtle': #0f192f,
57
+ 'color-primary-chip-background-hover': #1d41af,
58
+ 'color-primary-chip-text': #97bcff,
59
+ 'color-primary-shadow-active': #1e52e0,
60
60
  'color-primary-black-action': #ffffff,
61
61
  'color-primary-black-action-hover': #d2d3d6,
62
62
  'color-primary-black-action-active': #f4f4f5,
@@ -110,7 +110,7 @@ $tokens: (
110
110
  'color-special-scale-plan-background': #425484,
111
111
  'color-special-business-plan-background': #408288,
112
112
  'color-special-enterprise-plan-background': #48296f,
113
- 'color-special-highlight': #0d2550,
113
+ 'color-special-highlight': #152447,
114
114
  'color-rose-light': #e88bb3,
115
115
  'color-rose-base': #b8487b,
116
116
  'color-rose-dark': #6f234f,
package/style/colors/light.scss CHANGED
@@ -41,22 +41,22 @@ $tokens: (
41
41
  'color-neutral-overlay': #191b22,
42
42
  'color-neutral-field-background': #f9f9fa,
43
43
  'color-neutral-text-placeholder': #a9acb1,
44
- 'color-primary-text': #1672eb,
45
- 'color-primary-text-interactive': #1672eb,
46
- 'color-primary-icon': #1672eb,
47
- 'color-primary-action': #1672eb,
48
- 'color-primary-action-hover': #5290f9,
49
- 'color-primary-action-active': #1a57da,
50
- 'color-primary-field-border-active': #1672eb,
51
- 'color-primary-border-subtle': #b2c6ff,
52
- 'color-primary-background': #ecf1ff,
53
- 'color-primary-background-subtle': #f0f8ff,
54
- 'color-primary-background-hover': #d8e2ff,
55
- 'color-primary-chip-background': #ecf1ff,
56
- 'color-primary-chip-background-subtle': #f0f8ff,
57
- 'color-primary-chip-background-hover': #d8e2ff,
58
- 'color-primary-chip-text': #1a57da,
59
- 'color-primary-shadow-active': #b2c6ff,
44
+ 'color-primary-text': #246dff,
45
+ 'color-primary-text-interactive': #246dff,
46
+ 'color-primary-icon': #246dff,
47
+ 'color-primary-action': #246dff,
48
+ 'color-primary-action-hover': #4788ff,
49
+ 'color-primary-action-active': #0043ca,
50
+ 'color-primary-field-border-active': #246dff,
51
+ 'color-primary-border-subtle': #c2d7ff,
52
+ 'color-primary-background': #e0ebff,
53
+ 'color-primary-background-subtle': #f0f5ff,
54
+ 'color-primary-background-hover': #e0ebff,
55
+ 'color-primary-chip-background': #e0ebff,
56
+ 'color-primary-chip-background-subtle': #f0f5ff,
57
+ 'color-primary-chip-background-hover': #e0ebff,
58
+ 'color-primary-chip-text': #0043ca,
59
+ 'color-primary-shadow-active': #c2d7ff,
60
60
  'color-primary-black-action': #242528,
61
61
  'color-primary-black-action-hover': #292b2e,
62
62
  'color-primary-black-action-active': #0a0a0b,
@@ -110,7 +110,7 @@ $tokens: (
110
110
  'color-special-scale-plan-background': #a1b7ff,
111
111
  'color-special-business-plan-background': #a7f2ed,
112
112
  'color-special-enterprise-plan-background': #bf97ed,
113
- 'color-special-highlight': #ecf1ff,
113
+ 'color-special-highlight': #e0ebff,
114
114
  'color-rose-light': #f483b5,
115
115
  'color-rose-base': #c6387d,
116
116
  'color-rose-dark': #781552,
package/style/colors/palette.dark.scss CHANGED
@@ -62,14 +62,14 @@ $tokens: (
62
62
  'palette-green-600': #0f2b14,
63
63
  'palette-green-700': #09260f,
64
64
  'palette-blue-25': #92c0ff,
65
- 'palette-blue-50': #8ebcff,
66
- 'palette-blue-75': #80a9ff,
67
- 'palette-blue-100': #6f9dff,
68
- 'palette-blue-200': #5990ff,
69
- 'palette-blue-300': #3970d7,
70
- 'palette-blue-350': #295cbb,
71
- 'palette-blue-400': #194594,
72
- 'palette-blue-500': #1a3a78,
73
- 'palette-blue-600': #0d2550,
74
- 'palette-blue-700': #151d34
65
+ 'palette-blue-50': #97bcff,
66
+ 'palette-blue-75': #7aa8ff,
67
+ 'palette-blue-100': #6b9fff,
68
+ 'palette-blue-200': #528fff,
69
+ 'palette-blue-300': #246dff,
70
+ 'palette-blue-350': #1e52e0,
71
+ 'palette-blue-400': #1d41af,
72
+ 'palette-blue-500': #18367c,
73
+ 'palette-blue-600': #152447,
74
+ 'palette-blue-700': #0f192f
75
75
  );
package/style/colors/palette.light.scss CHANGED
@@ -61,15 +61,15 @@ $tokens: (
61
61
  'palette-green-500': #008a27,
62
62
  'palette-green-600': #086e08,
63
63
  'palette-green-700': #176b08,
64
- 'palette-blue-25': #f0f8ff,
65
- 'palette-blue-50': #ecf1ff,
66
- 'palette-blue-75': #e1eaff,
67
- 'palette-blue-100': #d8e2ff,
68
- 'palette-blue-200': #b2c6ff,
69
- 'palette-blue-300': #88abfe,
70
- 'palette-blue-350': #709efd,
71
- 'palette-blue-400': #5290f9,
72
- 'palette-blue-500': #1672eb,
73
- 'palette-blue-600': #1a57da,
74
- 'palette-blue-700': #224ed5
64
+ 'palette-blue-25': #f0f5ff,
65
+ 'palette-blue-50': #e0ebff,
66
+ 'palette-blue-75': #d8e8ff,
67
+ 'palette-blue-100': #e0ebff,
68
+ 'palette-blue-200': #c2d7ff,
69
+ 'palette-blue-300': #85b0ff,
70
+ 'palette-blue-350': #66a0ff,
71
+ 'palette-blue-400': #4788ff,
72
+ 'palette-blue-500': #246dff,
73
+ 'palette-blue-600': #0043ca,
74
+ 'palette-blue-700': #003399
75
75
  );
package/style/colors/tokens.dark.css CHANGED
@@ -40,22 +40,22 @@
40
40
  --color-neutral-overlay: #101114;
41
41
  --color-neutral-field-background: #0a0a0b;
42
42
  --color-neutral-text-placeholder: #6d7178;
43
- --color-primary-text: #6f9dff;
44
- --color-primary-text-interactive: #6f9dff;
45
- --color-primary-icon: #3970d7;
46
- --color-primary-action: #5990ff;
47
- --color-primary-action-hover: #80a9ff;
48
- --color-primary-action-active: #3970d7;
49
- --color-primary-field-border-active: #3970d7;
50
- --color-primary-border-subtle: #295cbb;
51
- --color-primary-background: #0d2550;
52
- --color-primary-background-subtle: #151d34;
53
- --color-primary-background-hover: #194594;
54
- --color-primary-chip-background: #0d2550;
55
- --color-primary-chip-background-subtle: #151d34;
56
- --color-primary-chip-background-hover: #194594;
57
- --color-primary-chip-text: #8ebcff;
58
- --color-primary-shadow-active: #295cbb;
43
+ --color-primary-text: #6b9fff;
44
+ --color-primary-text-interactive: #6b9fff;
45
+ --color-primary-icon: #246dff;
46
+ --color-primary-action: #528fff;
47
+ --color-primary-action-hover: #7aa8ff;
48
+ --color-primary-action-active: #246dff;
49
+ --color-primary-field-border-active: #246dff;
50
+ --color-primary-border-subtle: #1e52e0;
51
+ --color-primary-background: #152447;
52
+ --color-primary-background-subtle: #0f192f;
53
+ --color-primary-background-hover: #1d41af;
54
+ --color-primary-chip-background: #152447;
55
+ --color-primary-chip-background-subtle: #0f192f;
56
+ --color-primary-chip-background-hover: #1d41af;
57
+ --color-primary-chip-text: #97bcff;
58
+ --color-primary-shadow-active: #1e52e0;
59
59
  --color-primary-black-action: #ffffff;
60
60
  --color-primary-black-action-hover: #d2d3d6;
61
61
  --color-primary-black-action-active: #f4f4f5;
@@ -109,7 +109,7 @@
109
109
  --color-special-scale-plan-background: #425484;
110
110
  --color-special-business-plan-background: #408288;
111
111
  --color-special-enterprise-plan-background: #48296f;
112
- --color-special-highlight: #0d2550;
112
+ --color-special-highlight: #152447;
113
113
  --color-rose-light: #e88bb3;
114
114
  --color-rose-base: #b8487b;
115
115
  --color-rose-dark: #6f234f;
package/style/colors/tokens.light.css CHANGED
@@ -40,22 +40,22 @@
40
40
  --color-neutral-overlay: #191b22;
41
41
  --color-neutral-field-background: #f9f9fa;
42
42
  --color-neutral-text-placeholder: #a9acb1;
43
- --color-primary-text: #1672eb;
44
- --color-primary-text-interactive: #1672eb;
45
- --color-primary-icon: #1672eb;
46
- --color-primary-action: #1672eb;
47
- --color-primary-action-hover: #5290f9;
48
- --color-primary-action-active: #1a57da;
49
- --color-primary-field-border-active: #1672eb;
50
- --color-primary-border-subtle: #b2c6ff;
51
- --color-primary-background: #ecf1ff;
52
- --color-primary-background-subtle: #f0f8ff;
53
- --color-primary-background-hover: #d8e2ff;
54
- --color-primary-chip-background: #ecf1ff;
55
- --color-primary-chip-background-subtle: #f0f8ff;
56
- --color-primary-chip-background-hover: #d8e2ff;
57
- --color-primary-chip-text: #1a57da;
58
- --color-primary-shadow-active: #b2c6ff;
43
+ --color-primary-text: #246dff;
44
+ --color-primary-text-interactive: #246dff;
45
+ --color-primary-icon: #246dff;
46
+ --color-primary-action: #246dff;
47
+ --color-primary-action-hover: #4788ff;
48
+ --color-primary-action-active: #0043ca;
49
+ --color-primary-field-border-active: #246dff;
50
+ --color-primary-border-subtle: #c2d7ff;
51
+ --color-primary-background: #e0ebff;
52
+ --color-primary-background-subtle: #f0f5ff;
53
+ --color-primary-background-hover: #e0ebff;
54
+ --color-primary-chip-background: #e0ebff;
55
+ --color-primary-chip-background-subtle: #f0f5ff;
56
+ --color-primary-chip-background-hover: #e0ebff;
57
+ --color-primary-chip-text: #0043ca;
58
+ --color-primary-shadow-active: #c2d7ff;
59
59
  --color-primary-black-action: #242528;
60
60
  --color-primary-black-action-hover: #292b2e;
61
61
  --color-primary-black-action-active: #0a0a0b;
@@ -109,7 +109,7 @@
109
109
  --color-special-scale-plan-background: #a1b7ff;
110
110
  --color-special-business-plan-background: #a7f2ed;
111
111
  --color-special-enterprise-plan-background: #bf97ed;
112
- --color-special-highlight: #ecf1ff;
112
+ --color-special-highlight: #e0ebff;
113
113
  --color-rose-light: #f483b5;
114
114
  --color-rose-base: #c6387d;
115
115
  --color-rose-dark: #781552;