@q9labsai/chalk-react-native 4.1.0 → 4.1.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/dist/android.js +2 -2
- package/dist/{chunk-IMKSYT7R.js → chunk-5DQ4KBRH.js} +37 -0
- package/dist/{chunk-7HVDPCPM.js → chunk-5HETUU73.js} +1 -1
- package/dist/index.js +2 -2
- package/dist/ios-pad.js +2 -2
- package/dist/ios-phone.js +2 -2
- package/dist/ios.js +2 -2
- package/dist/macos.js +2 -2
- package/dist/ui/appearance.d.ts +7 -0
- package/dist/ui/appearance.d.ts.map +1 -1
- package/dist/ui/appearance.js +1 -1
- package/package.json +4 -4
- package/src/ui/appearance.test.ts +13 -2
- package/src/ui/appearance.ts +38 -0
package/dist/android.js
CHANGED
|
@@ -11,14 +11,14 @@ import {
|
|
|
11
11
|
useSelf,
|
|
12
12
|
useSpaceClient,
|
|
13
13
|
useWhiteboard
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-5HETUU73.js";
|
|
15
15
|
import {
|
|
16
16
|
THEME_PALETTES,
|
|
17
17
|
THEME_TEXTURES,
|
|
18
18
|
getThemeMode,
|
|
19
19
|
isDarkThemePalette,
|
|
20
20
|
resolveNativeAppearance
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-5DQ4KBRH.js";
|
|
22
22
|
import {
|
|
23
23
|
Theme,
|
|
24
24
|
createNativeTheme
|
|
@@ -53,6 +53,11 @@ var PRISM_DARK_SHADOWS = createShadows("#000000", {
|
|
|
53
53
|
sm: [14, 42, 0.35, 12],
|
|
54
54
|
control: [7, 24, 0.46, 7]
|
|
55
55
|
});
|
|
56
|
+
var COSMIC_DARK_SHADOWS = createShadows("#000000", {
|
|
57
|
+
xs: [1, 2, 0.32, 1],
|
|
58
|
+
sm: [12, 40, 0.3, 10],
|
|
59
|
+
control: [6, 20, 0.4, 6]
|
|
60
|
+
});
|
|
56
61
|
var OLED_SHADOWS = createShadows("#000000", {
|
|
57
62
|
xs: [0, 0, 0, 0],
|
|
58
63
|
sm: [0, 0, 0, 0],
|
|
@@ -535,6 +540,38 @@ var THEME_PALETTES = [
|
|
|
535
540
|
shadows: PRISM_DARK_SHADOWS
|
|
536
541
|
})
|
|
537
542
|
},
|
|
543
|
+
{
|
|
544
|
+
value: "cosmic-chalk",
|
|
545
|
+
label: "Cosmic Chalk",
|
|
546
|
+
family: "Cosmic",
|
|
547
|
+
mode: "dark",
|
|
548
|
+
swatch: ["#080f20", "#10182b", "#8fdcff"],
|
|
549
|
+
tokens: createTokens({
|
|
550
|
+
canvas: "#080f20",
|
|
551
|
+
chrome: "#10182b",
|
|
552
|
+
stage: "#0b1427",
|
|
553
|
+
panel: "#10182b",
|
|
554
|
+
tileBase: "#0f1d35",
|
|
555
|
+
tileColorStrength: 0.2,
|
|
556
|
+
text: "#f4ecd7",
|
|
557
|
+
textMuted: "#aeb8c9",
|
|
558
|
+
line: "#2c3d59",
|
|
559
|
+
lineStrong: "#435a7d",
|
|
560
|
+
control: "#10182b",
|
|
561
|
+
controlHover: "#192845",
|
|
562
|
+
controlGroup: "#0d172b",
|
|
563
|
+
controlPrimary: "#8fdcff",
|
|
564
|
+
controlPrimaryHover: "#b5edff",
|
|
565
|
+
controlActive: "#18354c",
|
|
566
|
+
controlActiveLine: "#8fdcff",
|
|
567
|
+
controlActiveText: "#f4ecd7",
|
|
568
|
+
messageRemote: "#13223a",
|
|
569
|
+
messageLocal: "#8fdcff",
|
|
570
|
+
messageLocalText: "#080f20",
|
|
571
|
+
input: "#0d172b",
|
|
572
|
+
shadows: COSMIC_DARK_SHADOWS
|
|
573
|
+
})
|
|
574
|
+
},
|
|
538
575
|
{
|
|
539
576
|
value: "oled-signal",
|
|
540
577
|
label: "OLED Signal",
|
package/dist/index.js
CHANGED
|
@@ -11,14 +11,14 @@ import {
|
|
|
11
11
|
useSelf,
|
|
12
12
|
useSpaceClient,
|
|
13
13
|
useWhiteboard
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-5HETUU73.js";
|
|
15
15
|
import {
|
|
16
16
|
THEME_PALETTES,
|
|
17
17
|
THEME_TEXTURES,
|
|
18
18
|
getThemeMode,
|
|
19
19
|
isDarkThemePalette,
|
|
20
20
|
resolveNativeAppearance
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-5DQ4KBRH.js";
|
|
22
22
|
import {
|
|
23
23
|
Theme,
|
|
24
24
|
createNativeTheme
|
package/dist/ios-pad.js
CHANGED
|
@@ -11,14 +11,14 @@ import {
|
|
|
11
11
|
useSelf,
|
|
12
12
|
useSpaceClient,
|
|
13
13
|
useWhiteboard
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-5HETUU73.js";
|
|
15
15
|
import {
|
|
16
16
|
THEME_PALETTES,
|
|
17
17
|
THEME_TEXTURES,
|
|
18
18
|
getThemeMode,
|
|
19
19
|
isDarkThemePalette,
|
|
20
20
|
resolveNativeAppearance
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-5DQ4KBRH.js";
|
|
22
22
|
import {
|
|
23
23
|
Theme,
|
|
24
24
|
createNativeTheme
|
package/dist/ios-phone.js
CHANGED
|
@@ -11,14 +11,14 @@ import {
|
|
|
11
11
|
useSelf,
|
|
12
12
|
useSpaceClient,
|
|
13
13
|
useWhiteboard
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-5HETUU73.js";
|
|
15
15
|
import {
|
|
16
16
|
THEME_PALETTES,
|
|
17
17
|
THEME_TEXTURES,
|
|
18
18
|
getThemeMode,
|
|
19
19
|
isDarkThemePalette,
|
|
20
20
|
resolveNativeAppearance
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-5DQ4KBRH.js";
|
|
22
22
|
import {
|
|
23
23
|
Theme,
|
|
24
24
|
createNativeTheme
|
package/dist/ios.js
CHANGED
|
@@ -11,14 +11,14 @@ import {
|
|
|
11
11
|
useSelf,
|
|
12
12
|
useSpaceClient,
|
|
13
13
|
useWhiteboard
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-5HETUU73.js";
|
|
15
15
|
import {
|
|
16
16
|
THEME_PALETTES,
|
|
17
17
|
THEME_TEXTURES,
|
|
18
18
|
getThemeMode,
|
|
19
19
|
isDarkThemePalette,
|
|
20
20
|
resolveNativeAppearance
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-5DQ4KBRH.js";
|
|
22
22
|
import {
|
|
23
23
|
Theme,
|
|
24
24
|
createNativeTheme
|
package/dist/macos.js
CHANGED
|
@@ -11,14 +11,14 @@ import {
|
|
|
11
11
|
useSelf,
|
|
12
12
|
useSpaceClient,
|
|
13
13
|
useWhiteboard
|
|
14
|
-
} from "./chunk-
|
|
14
|
+
} from "./chunk-5HETUU73.js";
|
|
15
15
|
import {
|
|
16
16
|
THEME_PALETTES,
|
|
17
17
|
THEME_TEXTURES,
|
|
18
18
|
getThemeMode,
|
|
19
19
|
isDarkThemePalette,
|
|
20
20
|
resolveNativeAppearance
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-5DQ4KBRH.js";
|
|
22
22
|
import {
|
|
23
23
|
Theme,
|
|
24
24
|
createNativeTheme
|
package/dist/ui/appearance.d.ts
CHANGED
|
@@ -163,6 +163,13 @@ export declare const THEME_PALETTES: readonly [{
|
|
|
163
163
|
readonly mode: "dark";
|
|
164
164
|
readonly swatch: readonly ["#100d17", "#231b30", "#9a63e6"];
|
|
165
165
|
readonly tokens: NativeAppearanceTokens;
|
|
166
|
+
}, {
|
|
167
|
+
readonly value: "cosmic-chalk";
|
|
168
|
+
readonly label: "Cosmic Chalk";
|
|
169
|
+
readonly family: "Cosmic";
|
|
170
|
+
readonly mode: "dark";
|
|
171
|
+
readonly swatch: readonly ["#080f20", "#10182b", "#8fdcff"];
|
|
172
|
+
readonly tokens: NativeAppearanceTokens;
|
|
166
173
|
}, {
|
|
167
174
|
readonly value: "oled-signal";
|
|
168
175
|
readonly label: "OLED Signal";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../../src/ui/appearance.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../../src/ui/appearance.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/appearance.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@q9labsai/chalk-react-native",
|
|
3
|
-
"version": "4.1.
|
|
3
|
+
"version": "4.1.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -150,9 +150,9 @@
|
|
|
150
150
|
"registry": "https://registry.npmjs.org/"
|
|
151
151
|
},
|
|
152
152
|
"dependencies": {
|
|
153
|
-
"@q9labsai/chalk-client": "^4.1.
|
|
154
|
-
"@q9labsai/chalk-whiteboard": "^4.1.
|
|
155
|
-
"@q9labsai/facehash": "^4.1.
|
|
153
|
+
"@q9labsai/chalk-client": "^4.1.1",
|
|
154
|
+
"@q9labsai/chalk-whiteboard": "^4.1.1",
|
|
155
|
+
"@q9labsai/facehash": "^4.1.1"
|
|
156
156
|
},
|
|
157
157
|
"devDependencies": {
|
|
158
158
|
"@types/node": "^26.2.0",
|
|
@@ -8,9 +8,9 @@ describe("React Native appearance catalog", () => {
|
|
|
8
8
|
it("keeps palette and texture metadata in parity with React", () => {
|
|
9
9
|
expect(THEME_PALETTES.map(({ value, label, family, mode, swatch }) => ({ value, label, family, mode, swatch }))).toEqual(REACT_THEME_PALETTES);
|
|
10
10
|
expect(THEME_TEXTURES.map(({ value, label, description }) => ({ value, label, description }))).toEqual(REACT_THEME_TEXTURES);
|
|
11
|
-
expect(THEME_PALETTES).toHaveLength(
|
|
11
|
+
expect(THEME_PALETTES).toHaveLength(16);
|
|
12
12
|
expect(THEME_PALETTES.filter((palette) => palette.mode === "light")).toHaveLength(8);
|
|
13
|
-
expect(THEME_PALETTES.filter((palette) => palette.mode === "dark")).toHaveLength(
|
|
13
|
+
expect(THEME_PALETTES.filter((palette) => palette.mode === "dark")).toHaveLength(8);
|
|
14
14
|
expect(THEME_TEXTURES.map((texture) => texture.value)).toEqual(["none", "paper", "slate"]);
|
|
15
15
|
});
|
|
16
16
|
|
|
@@ -26,6 +26,17 @@ describe("React Native appearance catalog", () => {
|
|
|
26
26
|
|
|
27
27
|
expect(THEME_PALETTES[0].tokens).toMatchObject({ canvas: "#f7f6f2", panel: "#ffffff", controlPrimary: "#202329", input: "#fbfaf7" });
|
|
28
28
|
expect(THEME_PALETTES.find((palette) => palette.value === "warm-porcelain")?.tokens).toMatchObject({ canvas: "#f2ebe2", stage: "#eee4dc", controlPrimary: "#51443c" });
|
|
29
|
+
expect(THEME_PALETTES.find((palette) => palette.value === "cosmic-chalk")?.tokens).toMatchObject({
|
|
30
|
+
canvas: "#080f20",
|
|
31
|
+
chrome: "#10182b",
|
|
32
|
+
panel: "#10182b",
|
|
33
|
+
stage: "#0b1427",
|
|
34
|
+
text: "#f4ecd7",
|
|
35
|
+
textMuted: "#aeb8c9",
|
|
36
|
+
controlActiveLine: "#8fdcff",
|
|
37
|
+
controlPrimary: "#8fdcff",
|
|
38
|
+
messageLocalText: "#080f20",
|
|
39
|
+
});
|
|
29
40
|
expect(THEME_PALETTES.find((palette) => palette.value === "oled-signal")?.tokens).toMatchObject({ canvas: "#000000", stage: "#000000", shadows: { xs: { opacity: 0 }, sm: { opacity: 0 } } });
|
|
30
41
|
});
|
|
31
42
|
|
package/src/ui/appearance.ts
CHANGED
|
@@ -149,6 +149,12 @@ const PRISM_DARK_SHADOWS = createShadows("#000000", {
|
|
|
149
149
|
control: [7, 24, 0.46, 7],
|
|
150
150
|
});
|
|
151
151
|
|
|
152
|
+
const COSMIC_DARK_SHADOWS = createShadows("#000000", {
|
|
153
|
+
xs: [1, 2, 0.32, 1],
|
|
154
|
+
sm: [12, 40, 0.3, 10],
|
|
155
|
+
control: [6, 20, 0.4, 6],
|
|
156
|
+
});
|
|
157
|
+
|
|
152
158
|
const OLED_SHADOWS = createShadows("#000000", {
|
|
153
159
|
xs: [0, 0, 0, 0],
|
|
154
160
|
sm: [0, 0, 0, 0],
|
|
@@ -632,6 +638,38 @@ export const THEME_PALETTES = [
|
|
|
632
638
|
shadows: PRISM_DARK_SHADOWS,
|
|
633
639
|
}),
|
|
634
640
|
},
|
|
641
|
+
{
|
|
642
|
+
value: "cosmic-chalk",
|
|
643
|
+
label: "Cosmic Chalk",
|
|
644
|
+
family: "Cosmic",
|
|
645
|
+
mode: "dark",
|
|
646
|
+
swatch: ["#080f20", "#10182b", "#8fdcff"],
|
|
647
|
+
tokens: createTokens({
|
|
648
|
+
canvas: "#080f20",
|
|
649
|
+
chrome: "#10182b",
|
|
650
|
+
stage: "#0b1427",
|
|
651
|
+
panel: "#10182b",
|
|
652
|
+
tileBase: "#0f1d35",
|
|
653
|
+
tileColorStrength: 0.2,
|
|
654
|
+
text: "#f4ecd7",
|
|
655
|
+
textMuted: "#aeb8c9",
|
|
656
|
+
line: "#2c3d59",
|
|
657
|
+
lineStrong: "#435a7d",
|
|
658
|
+
control: "#10182b",
|
|
659
|
+
controlHover: "#192845",
|
|
660
|
+
controlGroup: "#0d172b",
|
|
661
|
+
controlPrimary: "#8fdcff",
|
|
662
|
+
controlPrimaryHover: "#b5edff",
|
|
663
|
+
controlActive: "#18354c",
|
|
664
|
+
controlActiveLine: "#8fdcff",
|
|
665
|
+
controlActiveText: "#f4ecd7",
|
|
666
|
+
messageRemote: "#13223a",
|
|
667
|
+
messageLocal: "#8fdcff",
|
|
668
|
+
messageLocalText: "#080f20",
|
|
669
|
+
input: "#0d172b",
|
|
670
|
+
shadows: COSMIC_DARK_SHADOWS,
|
|
671
|
+
}),
|
|
672
|
+
},
|
|
635
673
|
{
|
|
636
674
|
value: "oled-signal",
|
|
637
675
|
label: "OLED Signal",
|