@pathscale/ui 0.0.161 → 0.0.162
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/index.js +28 -0
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -18648,6 +18648,28 @@ const SEMANTIC_SETTINGS = {
|
|
|
18648
18648
|
}
|
|
18649
18649
|
}
|
|
18650
18650
|
};
|
|
18651
|
+
const NF_ACCENT_SETTINGS = {
|
|
18652
|
+
light: {
|
|
18653
|
+
"--nf-accent": {
|
|
18654
|
+
l: 45,
|
|
18655
|
+
c: 0.2
|
|
18656
|
+
},
|
|
18657
|
+
"--nf-on-accent": {
|
|
18658
|
+
l: 98,
|
|
18659
|
+
c: 0.02
|
|
18660
|
+
}
|
|
18661
|
+
},
|
|
18662
|
+
dark: {
|
|
18663
|
+
"--nf-accent": {
|
|
18664
|
+
l: 58,
|
|
18665
|
+
c: 0.233
|
|
18666
|
+
},
|
|
18667
|
+
"--nf-on-accent": {
|
|
18668
|
+
l: 96,
|
|
18669
|
+
c: 0.018
|
|
18670
|
+
}
|
|
18671
|
+
}
|
|
18672
|
+
};
|
|
18651
18673
|
const BASE_COLORS = {
|
|
18652
18674
|
light: {
|
|
18653
18675
|
"--color-base-100": {
|
|
@@ -18810,6 +18832,11 @@ function applyHueShift(targetHue, saturation = 100) {
|
|
|
18810
18832
|
const shifted = toOklch(color.l, scaledChroma, oklchHue);
|
|
18811
18833
|
root.style.setProperty(varName, shifted);
|
|
18812
18834
|
}
|
|
18835
|
+
const nfAccentSettings = NF_ACCENT_SETTINGS[resolvedTheme];
|
|
18836
|
+
for (const [varName, settings] of Object.entries(nfAccentSettings)){
|
|
18837
|
+
const scaledChroma = settings.c * chromaScale;
|
|
18838
|
+
root.style.setProperty(varName, toOklch(settings.l, scaledChroma, oklchHue));
|
|
18839
|
+
}
|
|
18813
18840
|
}
|
|
18814
18841
|
function resetHueShift() {
|
|
18815
18842
|
if (!checkCspAllowsInlineStyles()) return;
|
|
@@ -18819,6 +18846,7 @@ function resetHueShift() {
|
|
|
18819
18846
|
for (const varName of Object.keys(SEMANTIC_SETTINGS.light))root.style.removeProperty(varName);
|
|
18820
18847
|
for (const varName of Object.keys(GRADIENT_COLORS.light))root.style.removeProperty(varName);
|
|
18821
18848
|
for (const varName of Object.keys(BASE_COLORS.light))root.style.removeProperty(varName);
|
|
18849
|
+
for (const varName of Object.keys(NF_ACCENT_SETTINGS.light))root.style.removeProperty(varName);
|
|
18822
18850
|
}
|
|
18823
18851
|
function createHueShiftStore(storagePrefix) {
|
|
18824
18852
|
const STORAGE_KEY = `${storagePrefix}_hue_shift`;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pathscale/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.162",
|
|
4
4
|
"author": "pathscale",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@iconify/tailwind4": "^1.2.1",
|
|
60
|
-
"@pathscale/ui": "0.0.
|
|
60
|
+
"@pathscale/ui": "^0.0.161",
|
|
61
61
|
"rsbuild-plugin-iconify": "^1.0.3"
|
|
62
62
|
},
|
|
63
63
|
"peerDependencies": {
|