opus-react 0.3.6 → 0.4.0
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.cjs +11269 -5369
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +13444 -8574
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +647 -25
- package/dist/index.d.ts +647 -25
- package/dist/index.js +10493 -4567
- package/dist/index.js.map +1 -1
- package/dist/styles.css +32 -16
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -7,17 +7,25 @@
|
|
|
7
7
|
--opus-input-radius-large: 6px;
|
|
8
8
|
--opus-input-radius-small: 2px;
|
|
9
9
|
--opus-input-radius-mark: 1px;
|
|
10
|
-
--opus-panel: rgba(
|
|
11
|
-
--opus-border:
|
|
12
|
-
--opus-border-strong:
|
|
10
|
+
--opus-panel: color-mix(in srgb, var(--opus-accent) 4%, rgba(252, 252, 255, 0.96));
|
|
11
|
+
--opus-border: color-mix(in srgb, var(--opus-accent) 22%, transparent);
|
|
12
|
+
--opus-border-strong: color-mix(in srgb, var(--opus-accent) 34%, transparent);
|
|
13
13
|
--opus-text: #17132f;
|
|
14
14
|
--opus-muted: #655f83;
|
|
15
15
|
--opus-accent: var(--opus-user-accent, #6b46ff);
|
|
16
|
-
--opus-accent-soft: var(--opus-user-accent-soft,
|
|
16
|
+
--opus-accent-soft: var(--opus-user-accent-soft, color-mix(in srgb, var(--opus-accent) 12%, transparent));
|
|
17
|
+
--opus-accent-secondary: var(--opus-user-accent-secondary, #0284c7);
|
|
18
|
+
--opus-accent-secondary-soft: var(--opus-user-accent-secondary-soft, color-mix(in srgb, var(--opus-accent-secondary) 12%, transparent));
|
|
17
19
|
--opus-accent-contrast: #ffffff;
|
|
20
|
+
--opus-tile-accent: #ec4899;
|
|
21
|
+
--opus-tile-accent-mid: color-mix(in srgb, #ec4899 55%, #0ea5e9 45%);
|
|
22
|
+
--opus-tile-accent-soft: color-mix(in srgb, #ec4899 16%, transparent);
|
|
23
|
+
--opus-tile-accent-secondary: #0ea5e9;
|
|
24
|
+
--opus-tile-accent-secondary-mid: color-mix(in srgb, #0ea5e9 70%, white 30%);
|
|
25
|
+
--opus-tile-accent-secondary-soft: color-mix(in srgb, #0ea5e9 16%, transparent);
|
|
18
26
|
--opus-error: #eb2434;
|
|
19
|
-
--opus-input-bg: rgba(255, 255, 255, 0.
|
|
20
|
-
--opus-input-fill: rgba(255, 255, 255, 0.98);
|
|
27
|
+
--opus-input-bg: color-mix(in srgb, var(--opus-accent) 6%, rgba(255, 255, 255, 0.88));
|
|
28
|
+
--opus-input-fill: color-mix(in srgb, var(--opus-accent) 3%, rgba(255, 255, 255, 0.98));
|
|
21
29
|
--opus-date-icon-filter: none;
|
|
22
30
|
--opus-shadow: 0 24px 80px rgba(26, 18, 74, 0.08);
|
|
23
31
|
--opus-overlay-blur: 4px;
|
|
@@ -31,9 +39,9 @@
|
|
|
31
39
|
color-mix(in srgb, #020617 42%, transparent);
|
|
32
40
|
--opus-overlay-backdrop-solid: color-mix(in srgb, #020617 72%, #1e3a8a);
|
|
33
41
|
--opus-glass-surface: rgba(252, 253, 255, 0.62);
|
|
34
|
-
--opus-glass-border:
|
|
42
|
+
--opus-glass-border: color-mix(in srgb, var(--opus-accent) 24%, transparent);
|
|
35
43
|
--opus-menu-glass-surface: rgba(252, 253, 255, 0.88);
|
|
36
|
-
--opus-menu-glass-border:
|
|
44
|
+
--opus-menu-glass-border: color-mix(in srgb, var(--opus-accent) 30%, transparent);
|
|
37
45
|
}
|
|
38
46
|
[data-shell-theme=dark],
|
|
39
47
|
[data-theme=dark] {
|
|
@@ -43,17 +51,25 @@
|
|
|
43
51
|
--opus-input-radius-large: 6px;
|
|
44
52
|
--opus-input-radius-small: 2px;
|
|
45
53
|
--opus-input-radius-mark: 1px;
|
|
46
|
-
--opus-panel: rgba(
|
|
47
|
-
--opus-border:
|
|
48
|
-
--opus-border-strong:
|
|
54
|
+
--opus-panel: color-mix(in srgb, var(--opus-accent) 8%, rgba(10, 10, 16, 0.95));
|
|
55
|
+
--opus-border: color-mix(in srgb, var(--opus-accent) 18%, transparent);
|
|
56
|
+
--opus-border-strong: color-mix(in srgb, var(--opus-accent) 32%, transparent);
|
|
49
57
|
--opus-text: #f5f7ff;
|
|
50
58
|
--opus-muted: rgba(223, 226, 255, 0.72);
|
|
51
59
|
--opus-accent: var(--opus-user-accent, #8f6cff);
|
|
52
|
-
--opus-accent-soft: var(--opus-user-accent-soft,
|
|
60
|
+
--opus-accent-soft: var(--opus-user-accent-soft, color-mix(in srgb, var(--opus-accent) 16%, transparent));
|
|
61
|
+
--opus-accent-secondary: var(--opus-user-accent-secondary, #0284c7);
|
|
62
|
+
--opus-accent-secondary-soft: var(--opus-user-accent-secondary-soft, color-mix(in srgb, var(--opus-accent-secondary) 16%, transparent));
|
|
53
63
|
--opus-accent-contrast: #ffffff;
|
|
64
|
+
--opus-tile-accent: #ec4899;
|
|
65
|
+
--opus-tile-accent-mid: color-mix(in srgb, #ec4899 55%, #0ea5e9 45%);
|
|
66
|
+
--opus-tile-accent-soft: color-mix(in srgb, #ec4899 16%, transparent);
|
|
67
|
+
--opus-tile-accent-secondary: #0ea5e9;
|
|
68
|
+
--opus-tile-accent-secondary-mid: color-mix(in srgb, #0ea5e9 70%, white 30%);
|
|
69
|
+
--opus-tile-accent-secondary-soft: color-mix(in srgb, #0ea5e9 16%, transparent);
|
|
54
70
|
--opus-error: #ff5858;
|
|
55
|
-
--opus-input-bg: rgba(
|
|
56
|
-
--opus-input-fill: rgba(
|
|
71
|
+
--opus-input-bg: color-mix(in srgb, var(--opus-accent) 10%, rgba(14, 14, 20, 0.92));
|
|
72
|
+
--opus-input-fill: color-mix(in srgb, var(--opus-accent) 9%, rgba(12, 12, 18, 0.94));
|
|
57
73
|
--opus-date-icon-filter: invert(1);
|
|
58
74
|
--opus-shadow: 0 28px 110px rgba(4, 5, 14, 0.48);
|
|
59
75
|
--opus-overlay-blur: 4px;
|
|
@@ -67,9 +83,9 @@
|
|
|
67
83
|
color-mix(in srgb, #020617 42%, transparent);
|
|
68
84
|
--opus-overlay-backdrop-solid: color-mix(in srgb, #020617 72%, #1e3a8a);
|
|
69
85
|
--opus-glass-surface: rgba(14, 16, 36, 0.52);
|
|
70
|
-
--opus-glass-border:
|
|
86
|
+
--opus-glass-border: color-mix(in srgb, var(--opus-accent) 22%, transparent);
|
|
71
87
|
--opus-menu-glass-surface: rgba(14, 16, 36, 0.82);
|
|
72
|
-
--opus-menu-glass-border:
|
|
88
|
+
--opus-menu-glass-border: color-mix(in srgb, var(--opus-accent) 28%, transparent);
|
|
73
89
|
}
|
|
74
90
|
.opus-panel-title {
|
|
75
91
|
display: block;
|
package/dist/styles.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/styles.css"],"sourcesContent":["[data-shell-theme=\"light\"],\n[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(
|
|
1
|
+
{"version":3,"sources":["../src/styles.css"],"sourcesContent":["[data-shell-theme=\"light\"],\n[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: color-mix(in srgb, var(--opus-accent) 4%, rgba(252, 252, 255, 0.96));\n --opus-border: color-mix(in srgb, var(--opus-accent) 22%, transparent);\n --opus-border-strong: color-mix(in srgb, var(--opus-accent) 34%, transparent);\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, color-mix(in srgb, var(--opus-accent) 12%, transparent));\n --opus-accent-secondary: var(--opus-user-accent-secondary, #0284c7);\n --opus-accent-secondary-soft: var(--opus-user-accent-secondary-soft, color-mix(in srgb, var(--opus-accent-secondary) 12%, transparent));\n --opus-accent-contrast: #ffffff;\n --opus-tile-accent: #ec4899;\n --opus-tile-accent-mid: color-mix(in srgb, #ec4899 55%, #0ea5e9 45%);\n --opus-tile-accent-soft: color-mix(in srgb, #ec4899 16%, transparent);\n --opus-tile-accent-secondary: #0ea5e9;\n --opus-tile-accent-secondary-mid: color-mix(in srgb, #0ea5e9 70%, white 30%);\n --opus-tile-accent-secondary-soft: color-mix(in srgb, #0ea5e9 16%, transparent);\n --opus-error: #eb2434;\n --opus-input-bg: color-mix(in srgb, var(--opus-accent) 6%, rgba(255, 255, 255, 0.88));\n --opus-input-fill: color-mix(in srgb, var(--opus-accent) 3%, 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: color-mix(in srgb, var(--opus-accent) 24%, transparent);\n --opus-menu-glass-surface: rgba(252, 253, 255, 0.88);\n --opus-menu-glass-border: color-mix(in srgb, var(--opus-accent) 30%, transparent);\n}\n\n[data-shell-theme=\"dark\"],\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: color-mix(in srgb, var(--opus-accent) 8%, rgba(10, 10, 16, 0.95));\n --opus-border: color-mix(in srgb, var(--opus-accent) 18%, transparent);\n --opus-border-strong: color-mix(in srgb, var(--opus-accent) 32%, transparent);\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, color-mix(in srgb, var(--opus-accent) 16%, transparent));\n --opus-accent-secondary: var(--opus-user-accent-secondary, #0284c7);\n --opus-accent-secondary-soft: var(--opus-user-accent-secondary-soft, color-mix(in srgb, var(--opus-accent-secondary) 16%, transparent));\n --opus-accent-contrast: #ffffff;\n --opus-tile-accent: #ec4899;\n --opus-tile-accent-mid: color-mix(in srgb, #ec4899 55%, #0ea5e9 45%);\n --opus-tile-accent-soft: color-mix(in srgb, #ec4899 16%, transparent);\n --opus-tile-accent-secondary: #0ea5e9;\n --opus-tile-accent-secondary-mid: color-mix(in srgb, #0ea5e9 70%, white 30%);\n --opus-tile-accent-secondary-soft: color-mix(in srgb, #0ea5e9 16%, transparent);\n --opus-error: #ff5858;\n --opus-input-bg: color-mix(in srgb, var(--opus-accent) 10%, rgba(14, 14, 20, 0.92));\n --opus-input-fill: color-mix(in srgb, var(--opus-accent) 9%, rgba(12, 12, 18, 0.94));\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: color-mix(in srgb, var(--opus-accent) 22%, transparent);\n --opus-menu-glass-surface: rgba(14, 16, 36, 0.82);\n --opus-menu-glass-border: color-mix(in srgb, var(--opus-accent) 28%, transparent);\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":[]}
|