opus-react 0.2.3

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 (14) hide show
  1. package/README.md +81 -0
  2. package/dist/index.cjs +10802 -0
  3. package/dist/index.cjs.map +1 -0
  4. package/dist/index.css +6625 -0
  5. package/dist/index.css.map +1 -0
  6. package/dist/index.d.cts +1129 -0
  7. package/dist/index.d.ts +1129 -0
  8. package/dist/index.js +10690 -0
  9. package/dist/index.js.map +1 -0
  10. package/dist/styles.css +96 -0
  11. package/dist/styles.css.map +1 -0
  12. package/dist/styles.d.cts +2 -0
  13. package/dist/styles.d.ts +2 -0
  14. package/package.json +52 -0
package/dist/styles.css ADDED
@@ -0,0 +1,96 @@
1
+ /* src/styles.css */
2
+ [data-theme=light] {
3
+ --opus-control-font-size: 0.86rem;
4
+ --opus-control-height: 28px;
5
+ --opus-input-radius: 4px;
6
+ --opus-input-radius-large: 6px;
7
+ --opus-input-radius-small: 2px;
8
+ --opus-input-radius-mark: 1px;
9
+ --opus-panel: rgba(248, 249, 255, 0.96);
10
+ --opus-border: rgba(126, 103, 255, 0.22);
11
+ --opus-border-strong: rgba(94, 72, 220, 0.34);
12
+ --opus-text: #17132f;
13
+ --opus-muted: #655f83;
14
+ --opus-accent: var(--opus-user-accent, #6b46ff);
15
+ --opus-accent-soft: var(--opus-user-accent-soft, rgba(107, 70, 255, 0.12));
16
+ --opus-accent-contrast: #ffffff;
17
+ --opus-error: #eb2434;
18
+ --opus-input-bg: rgba(255, 255, 255, 0.82);
19
+ --opus-input-fill: rgba(255, 255, 255, 0.98);
20
+ --opus-date-icon-filter: none;
21
+ --opus-shadow: 0 24px 80px rgba(26, 18, 74, 0.08);
22
+ --opus-overlay-blur: 4px;
23
+ --opus-overlay-saturate: 1.08;
24
+ --opus-overlay-backdrop:
25
+ linear-gradient(
26
+
27
+ 135deg,
28
+ color-mix(in srgb, #020617 58%, transparent),
29
+ color-mix(in srgb, #1e3a8a 22%, transparent) ),
30
+ color-mix(in srgb, #020617 42%, transparent);
31
+ --opus-overlay-backdrop-solid: color-mix(in srgb, #020617 72%, #1e3a8a);
32
+ --opus-glass-surface: rgba(252, 253, 255, 0.62);
33
+ --opus-glass-border: rgba(126, 103, 255, 0.24);
34
+ --opus-menu-glass-surface: rgba(252, 253, 255, 0.88);
35
+ --opus-menu-glass-border: rgba(126, 103, 255, 0.3);
36
+ }
37
+ [data-theme=dark] {
38
+ --opus-control-font-size: 0.86rem;
39
+ --opus-control-height: 28px;
40
+ --opus-input-radius: 4px;
41
+ --opus-input-radius-large: 6px;
42
+ --opus-input-radius-small: 2px;
43
+ --opus-input-radius-mark: 1px;
44
+ --opus-panel: rgba(9, 11, 28, 0.95);
45
+ --opus-border: rgba(168, 131, 255, 0.18);
46
+ --opus-border-strong: rgba(191, 168, 255, 0.32);
47
+ --opus-text: #f5f7ff;
48
+ --opus-muted: rgba(223, 226, 255, 0.72);
49
+ --opus-accent: var(--opus-user-accent, #8f6cff);
50
+ --opus-accent-soft: var(--opus-user-accent-soft, rgba(143, 108, 255, 0.16));
51
+ --opus-accent-contrast: #ffffff;
52
+ --opus-error: #ff5858;
53
+ --opus-input-bg: rgba(21, 24, 50, 0.9);
54
+ --opus-input-fill: rgba(19, 22, 44, 0.92);
55
+ --opus-date-icon-filter: invert(1);
56
+ --opus-shadow: 0 28px 110px rgba(4, 5, 14, 0.48);
57
+ --opus-overlay-blur: 4px;
58
+ --opus-overlay-saturate: 1.08;
59
+ --opus-overlay-backdrop:
60
+ linear-gradient(
61
+
62
+ 135deg,
63
+ color-mix(in srgb, #020617 58%, transparent),
64
+ color-mix(in srgb, #1e3a8a 22%, transparent) ),
65
+ color-mix(in srgb, #020617 42%, transparent);
66
+ --opus-overlay-backdrop-solid: color-mix(in srgb, #020617 72%, #1e3a8a);
67
+ --opus-glass-surface: rgba(14, 16, 36, 0.52);
68
+ --opus-glass-border: rgba(168, 131, 255, 0.22);
69
+ --opus-menu-glass-surface: rgba(14, 16, 36, 0.82);
70
+ --opus-menu-glass-border: rgba(168, 131, 255, 0.28);
71
+ }
72
+ .opus-panel-title {
73
+ display: block;
74
+ margin: 0;
75
+ padding-bottom: 6px;
76
+ border-bottom: 1px solid var(--opus-border);
77
+ color: var(--opus-accent);
78
+ font-size: 0.78rem;
79
+ font-weight: 700;
80
+ letter-spacing: 0.12em;
81
+ line-height: 1;
82
+ text-transform: uppercase;
83
+ }
84
+ .opus-panel-heading {
85
+ display: flex;
86
+ align-items: center;
87
+ justify-content: space-between;
88
+ gap: 12px;
89
+ padding-bottom: 6px;
90
+ border-bottom: 1px solid var(--opus-border);
91
+ }
92
+ .opus-panel-heading > .opus-panel-title {
93
+ padding-bottom: 0;
94
+ border-bottom: 0;
95
+ }
96
+ /*# sourceMappingURL=styles.css.map */
package/dist/styles.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/styles.css"],"sourcesContent":["[data-theme=\"light\"] {\n --opus-control-font-size: 0.86rem;\n --opus-control-height: 28px;\n --opus-input-radius: 4px;\n --opus-input-radius-large: 6px;\n --opus-input-radius-small: 2px;\n --opus-input-radius-mark: 1px;\n --opus-panel: rgba(248, 249, 255, 0.96);\n --opus-border: rgba(126, 103, 255, 0.22);\n --opus-border-strong: rgba(94, 72, 220, 0.34);\n --opus-text: #17132f;\n --opus-muted: #655f83;\n --opus-accent: var(--opus-user-accent, #6b46ff);\n --opus-accent-soft: var(--opus-user-accent-soft, rgba(107, 70, 255, 0.12));\n --opus-accent-contrast: #ffffff;\n --opus-error: #eb2434;\n --opus-input-bg: rgba(255, 255, 255, 0.82);\n --opus-input-fill: rgba(255, 255, 255, 0.98);\n --opus-date-icon-filter: none;\n --opus-shadow: 0 24px 80px rgba(26, 18, 74, 0.08);\n --opus-overlay-blur: 4px;\n --opus-overlay-saturate: 1.08;\n --opus-overlay-backdrop:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #020617 58%, transparent),\n color-mix(in srgb, #1e3a8a 22%, transparent)\n ),\n color-mix(in srgb, #020617 42%, transparent);\n --opus-overlay-backdrop-solid: color-mix(in srgb, #020617 72%, #1e3a8a);\n --opus-glass-surface: rgba(252, 253, 255, 0.62);\n --opus-glass-border: rgba(126, 103, 255, 0.24);\n --opus-menu-glass-surface: rgba(252, 253, 255, 0.88);\n --opus-menu-glass-border: rgba(126, 103, 255, 0.3);\n}\n\n[data-theme=\"dark\"] {\n --opus-control-font-size: 0.86rem;\n --opus-control-height: 28px;\n --opus-input-radius: 4px;\n --opus-input-radius-large: 6px;\n --opus-input-radius-small: 2px;\n --opus-input-radius-mark: 1px;\n --opus-panel: rgba(9, 11, 28, 0.95);\n --opus-border: rgba(168, 131, 255, 0.18);\n --opus-border-strong: rgba(191, 168, 255, 0.32);\n --opus-text: #f5f7ff;\n --opus-muted: rgba(223, 226, 255, 0.72);\n --opus-accent: var(--opus-user-accent, #8f6cff);\n --opus-accent-soft: var(--opus-user-accent-soft, rgba(143, 108, 255, 0.16));\n --opus-accent-contrast: #ffffff;\n --opus-error: #ff5858;\n --opus-input-bg: rgba(21, 24, 50, 0.9);\n --opus-input-fill: rgba(19, 22, 44, 0.92);\n --opus-date-icon-filter: invert(1);\n --opus-shadow: 0 28px 110px rgba(4, 5, 14, 0.48);\n --opus-overlay-blur: 4px;\n --opus-overlay-saturate: 1.08;\n --opus-overlay-backdrop:\n linear-gradient(\n 135deg,\n color-mix(in srgb, #020617 58%, transparent),\n color-mix(in srgb, #1e3a8a 22%, transparent)\n ),\n color-mix(in srgb, #020617 42%, transparent);\n --opus-overlay-backdrop-solid: color-mix(in srgb, #020617 72%, #1e3a8a);\n --opus-glass-surface: rgba(14, 16, 36, 0.52);\n --opus-glass-border: rgba(168, 131, 255, 0.22);\n --opus-menu-glass-surface: rgba(14, 16, 36, 0.82);\n --opus-menu-glass-border: rgba(168, 131, 255, 0.28);\n}\n\n.opus-panel-title {\n display: block;\n margin: 0;\n padding-bottom: 6px;\n border-bottom: 1px solid var(--opus-border);\n color: var(--opus-accent);\n font-size: 0.78rem;\n font-weight: 700;\n letter-spacing: 0.12em;\n line-height: 1;\n text-transform: uppercase;\n}\n\n.opus-panel-heading {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n padding-bottom: 6px;\n border-bottom: 1px solid var(--opus-border);\n}\n\n.opus-panel-heading > .opus-panel-title {\n padding-bottom: 0;\n border-bottom: 0;\n}\n"],"mappings":"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","names":[]}
package/dist/styles.d.cts ADDED
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/dist/styles.d.ts ADDED
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/package.json ADDED
@@ -0,0 +1,52 @@
1
+ {
2
+ "name": "opus-react",
3
+ "version": "0.2.3",
4
+ "description": "Opus design system React components",
5
+ "license": "UNLICENSED",
6
+ "type": "module",
7
+ "main": "./dist/index.cjs",
8
+ "module": "./dist/index.js",
9
+ "types": "./dist/index.d.ts",
10
+ "exports": {
11
+ ".": {
12
+ "types": "./dist/index.d.ts",
13
+ "import": "./dist/index.js",
14
+ "require": "./dist/index.cjs"
15
+ },
16
+ "./styles.css": "./dist/styles.css",
17
+ "./index.css": "./dist/index.css",
18
+ "./package.json": "./package.json"
19
+ },
20
+ "files": [
21
+ "dist",
22
+ "README.md"
23
+ ],
24
+ "sideEffects": [
25
+ "**/*.css"
26
+ ],
27
+ "scripts": {
28
+ "build": "tsup",
29
+ "dev": "tsup --watch",
30
+ "prepublishOnly": "npm run build"
31
+ },
32
+ "peerDependencies": {
33
+ "react": "^18.2.0 || ^19.0.0",
34
+ "react-dom": "^18.2.0 || ^19.0.0",
35
+ "three": "^0.185.0"
36
+ },
37
+ "peerDependenciesMeta": {
38
+ "three": {
39
+ "optional": true
40
+ }
41
+ },
42
+ "dependencies": {
43
+ "@fortawesome/fontawesome-svg-core": "^7.3.0",
44
+ "@fortawesome/free-solid-svg-icons": "^7.3.0",
45
+ "@fortawesome/react-fontawesome": "^3.3.1"
46
+ },
47
+ "devDependencies": {
48
+ "esbuild-css-modules-plugin": "^3.1.5",
49
+ "tsup": "^8.5.0",
50
+ "typescript": "^5.9.2"
51
+ }
52
+ }