@aleph-alpha/config-css 0.16.0 → 0.17.1
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/CHANGELOG.md +16 -0
- package/dist/index.js +12 -1
- package/package.json +2 -2
- package/src/index.ts +12 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
## 0.17.1 (2025-07-14)
|
|
2
|
+
|
|
3
|
+
### 🧱 Updated Dependencies
|
|
4
|
+
|
|
5
|
+
- Updated config-eslint to 0.3.40
|
|
6
|
+
|
|
7
|
+
## 0.17.0 (2025-07-14)
|
|
8
|
+
|
|
9
|
+
### 🚀 Features
|
|
10
|
+
|
|
11
|
+
- **DS-81:** fix dark mode issues
|
|
12
|
+
|
|
13
|
+
### ❤️ Thank You
|
|
14
|
+
|
|
15
|
+
- Joel Alenchery
|
|
16
|
+
|
|
1
17
|
## 0.16.0 (2025-07-14)
|
|
2
18
|
|
|
3
19
|
### 🚀 Features
|
package/dist/index.js
CHANGED
|
@@ -997,10 +997,20 @@ const dr = (r = {}) => {
|
|
|
997
997
|
/* Dark theme overrides */
|
|
998
998
|
html.dark .scrollbar-thin::-webkit-scrollbar-thumb {
|
|
999
999
|
background: ${d["core-bg-skeleton"]};
|
|
1000
|
+
border-radius: ${m.XS};
|
|
1001
|
+
border: ${m.DEFAULT} solid transparent;
|
|
1002
|
+
background-clip: content-box;
|
|
1000
1003
|
}
|
|
1001
1004
|
html.dark .scrollbar-thin {
|
|
1002
1005
|
scrollbar-color: ${d["core-bg-skeleton"]} transparent !important;
|
|
1003
1006
|
}
|
|
1007
|
+
|
|
1008
|
+
html.dark .scrollbar-none {
|
|
1009
|
+
scrollbar-width: none;
|
|
1010
|
+
}
|
|
1011
|
+
html.dark .scrollbar-none::-webkit-scrollbar {
|
|
1012
|
+
display: none;
|
|
1013
|
+
}
|
|
1004
1014
|
`;
|
|
1005
1015
|
}
|
|
1006
1016
|
}
|
|
@@ -1017,7 +1027,8 @@ const dr = (r = {}) => {
|
|
|
1017
1027
|
return r.push(Mr), r.push(
|
|
1018
1028
|
X({
|
|
1019
1029
|
theme: {
|
|
1020
|
-
|
|
1030
|
+
// clone the darkModeSet to avoid mutating the original object. the original object is currently being used in the getCSS function.
|
|
1031
|
+
dark: { colors: structuredClone(d) }
|
|
1021
1032
|
}
|
|
1022
1033
|
})
|
|
1023
1034
|
), r.push(
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aleph-alpha/config-css",
|
|
3
3
|
"license": "Apache-2.0",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.17.1",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"typings": "dist/index.d.ts",
|
|
7
7
|
"prettier": "@aleph-alpha/prettier-config-frontend",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"devDependencies": {
|
|
25
25
|
"style-dictionary": "^4.0.1",
|
|
26
26
|
"vite-plugin-dts": "^4.0.0",
|
|
27
|
-
"@aleph-alpha/eslint-config-frontend": "0.3.
|
|
27
|
+
"@aleph-alpha/eslint-config-frontend": "0.3.40",
|
|
28
28
|
"@aleph-alpha/prettier-config-frontend": "0.2.1"
|
|
29
29
|
},
|
|
30
30
|
"scripts": {
|
package/src/index.ts
CHANGED
|
@@ -63,10 +63,20 @@ const tokenPreset: Preset<Theme> = definePreset<Theme>(() => {
|
|
|
63
63
|
/* Dark theme overrides */
|
|
64
64
|
html.dark .scrollbar-thin::-webkit-scrollbar-thumb {
|
|
65
65
|
background: ${darkModeSet['core-bg-skeleton']};
|
|
66
|
+
border-radius: ${spacingsSet.XS};
|
|
67
|
+
border: ${spacingsSet.DEFAULT} solid transparent;
|
|
68
|
+
background-clip: content-box;
|
|
66
69
|
}
|
|
67
70
|
html.dark .scrollbar-thin {
|
|
68
71
|
scrollbar-color: ${darkModeSet['core-bg-skeleton']} transparent !important;
|
|
69
72
|
}
|
|
73
|
+
|
|
74
|
+
html.dark .scrollbar-none {
|
|
75
|
+
scrollbar-width: none;
|
|
76
|
+
}
|
|
77
|
+
html.dark .scrollbar-none::-webkit-scrollbar {
|
|
78
|
+
display: none;
|
|
79
|
+
}
|
|
70
80
|
`;
|
|
71
81
|
},
|
|
72
82
|
},
|
|
@@ -89,7 +99,8 @@ const createPresets = (): Preset<Theme>[] => {
|
|
|
89
99
|
presets.push(
|
|
90
100
|
presetTheme({
|
|
91
101
|
theme: {
|
|
92
|
-
|
|
102
|
+
// clone the darkModeSet to avoid mutating the original object. the original object is currently being used in the getCSS function.
|
|
103
|
+
dark: { colors: structuredClone(darkModeSet) },
|
|
93
104
|
},
|
|
94
105
|
}) as unknown as Preset<Theme>
|
|
95
106
|
);
|