@apify/ui-library 1.151.2-featuilibrarybranddarkneutra-5a61d7.4 → 1.151.2
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
6048790bbcc2cbf0c072c0ef830a0935f32895a3
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apify/ui-library",
|
|
3
|
-
"version": "1.151.2
|
|
3
|
+
"version": "1.151.2",
|
|
4
4
|
"description": "React UI library used by apify.com",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"type": "module",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"styled-components": "^6.1.19"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
|
-
"@apify-packages/types": "^3.388.
|
|
66
|
+
"@apify-packages/types": "^3.388.2",
|
|
67
67
|
"@storybook/react-vite": "^10.3.5",
|
|
68
68
|
"@testing-library/react": "^16.3.2",
|
|
69
69
|
"@types/hast": "^3.0.4",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"src",
|
|
84
84
|
"style"
|
|
85
85
|
],
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "5d56104d6af624d57ad1e7040e2156f700bfaf7e"
|
|
87
87
|
}
|
|
@@ -200,10 +200,6 @@ async function buildTheme(theme) {
|
|
|
200
200
|
* dark tokens. Only the `--color-neutral-*` variables differ, so we emit just the
|
|
201
201
|
* `Semantic.Neutral` group from its own Figma export; `cssColorsVariablesBrandDark`
|
|
202
202
|
* layers these over the base dark tokens and the cascade does the rest.
|
|
203
|
-
*
|
|
204
|
-
* The same neutrals are also emitted as an scss map (`brand_neutrals.dark.scss`)
|
|
205
|
-
* so scss consumers can layer them over `dark.scss` the same way `dark.scss` is
|
|
206
|
-
* used on its own — the static-CSS analog of `cssColorsVariablesBrandDark`.
|
|
207
203
|
*/
|
|
208
204
|
async function buildBrandDarkNeutrals() {
|
|
209
205
|
const styleDictionary = await new StyleDictionary().extend({
|
|
@@ -221,23 +217,9 @@ async function buildBrandDarkNeutrals() {
|
|
|
221
217
|
},
|
|
222
218
|
],
|
|
223
219
|
},
|
|
224
|
-
style: {
|
|
225
|
-
transformGroup: 'scss',
|
|
226
|
-
transforms: ['name/prefix-color-name'],
|
|
227
|
-
buildPath: 'style/colors/',
|
|
228
|
-
files: [
|
|
229
|
-
{
|
|
230
|
-
destination: `brand_neutrals.dark.scss`,
|
|
231
|
-
format: 'scss/map-flat',
|
|
232
|
-
mapName: 'tokens',
|
|
233
|
-
filter: 'only-neutral',
|
|
234
|
-
},
|
|
235
|
-
],
|
|
236
|
-
},
|
|
237
220
|
},
|
|
238
221
|
});
|
|
239
222
|
await styleDictionary.buildPlatform('ts');
|
|
240
|
-
await styleDictionary.buildPlatform('style');
|
|
241
223
|
}
|
|
242
224
|
|
|
243
225
|
await Promise.all([buildTheme('light'), buildTheme('dark'), buildBrandDarkNeutrals()]);
|
package/style/colors/light.scss
CHANGED
|
@@ -15,7 +15,7 @@ $tokens: (
|
|
|
15
15
|
'color-neutral-background-subtle': #f4f4f5,
|
|
16
16
|
'color-neutral-background-white': #ffffff,
|
|
17
17
|
'color-neutral-card-background': #ffffff,
|
|
18
|
-
'color-neutral-card-background-hover': #
|
|
18
|
+
'color-neutral-card-background-hover': #ffffff,
|
|
19
19
|
'color-neutral-border': #d2d3d6,
|
|
20
20
|
'color-neutral-separator-subtle': #e4e5e6,
|
|
21
21
|
'color-neutral-hover': #edeeef,
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
/**
|
|
3
|
-
* Do not edit directly, this file was auto-generated.
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
$tokens: (
|
|
7
|
-
'color-neutral-text': #dfdfdf,
|
|
8
|
-
'color-neutral-text-muted': #a3a3a3,
|
|
9
|
-
'color-neutral-text-subtle': #888888,
|
|
10
|
-
'color-neutral-text-disabled': #454545,
|
|
11
|
-
'color-neutral-text-on-primary': #161616,
|
|
12
|
-
'color-neutral-icon-on-primary': #161616,
|
|
13
|
-
'color-neutral-background': #020202,
|
|
14
|
-
'color-neutral-background-muted': #0f0f0f,
|
|
15
|
-
'color-neutral-background-subtle': #1d1d1d,
|
|
16
|
-
'color-neutral-background-white': #f3f3f3,
|
|
17
|
-
'color-neutral-card-background': #0f0f0f,
|
|
18
|
-
'color-neutral-card-background-hover': #1d1d1d,
|
|
19
|
-
'color-neutral-border': #2a2a2a,
|
|
20
|
-
'color-neutral-separator-subtle': #161616,
|
|
21
|
-
'color-neutral-hover': #313131,
|
|
22
|
-
'color-neutral-disabled': #383838,
|
|
23
|
-
'color-neutral-overflow': #2a2a2a,
|
|
24
|
-
'color-neutral-icon': #d8d8d8,
|
|
25
|
-
'color-neutral-icon-subtle': #6d6d6d,
|
|
26
|
-
'color-neutral-icon-disabled': #454545,
|
|
27
|
-
'color-neutral-field-border': #454545,
|
|
28
|
-
'color-neutral-action-secondary': #2a2a2a,
|
|
29
|
-
'color-neutral-action-secondary-hover': #454545,
|
|
30
|
-
'color-neutral-action-secondary-active': #454545,
|
|
31
|
-
'color-neutral-chip-background': #606060,
|
|
32
|
-
'color-neutral-chip-background-hover': #7b7b7b,
|
|
33
|
-
'color-neutral-chip-background-active': #959595,
|
|
34
|
-
'color-neutral-chip-background-disabled': #959595,
|
|
35
|
-
'color-neutral-large-tooltip-background': #2a2a2a,
|
|
36
|
-
'color-neutral-large-tooltip-border': #383838,
|
|
37
|
-
'color-neutral-small-tooltip-text': #ffffff,
|
|
38
|
-
'color-neutral-small-tooltip-background': #2a2a2a,
|
|
39
|
-
'color-neutral-small-tooltip-border': #383838,
|
|
40
|
-
'color-neutral-overlay': #101114,
|
|
41
|
-
'color-neutral-field-background': #0f0f0f,
|
|
42
|
-
'color-neutral-text-placeholder': #7b7b7b,
|
|
43
|
-
'color-neutral-on-surface': rgba(109, 113, 120, 0.22)
|
|
44
|
-
);
|