@domainkit/react 0.1.0 → 0.3.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/README.md +51 -5
- package/dist/index.d.mts +1012 -383
- package/dist/index.mjs +662 -606
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +25 -7
- package/package.json +10 -4
package/dist/styles.css
CHANGED
|
@@ -60,7 +60,8 @@
|
|
|
60
60
|
:where([data-domainkit-part="connection-root"]) {
|
|
61
61
|
display: grid;
|
|
62
62
|
gap: 0.75rem;
|
|
63
|
-
justify-items:
|
|
63
|
+
justify-items: stretch;
|
|
64
|
+
width: 100%;
|
|
64
65
|
}
|
|
65
66
|
|
|
66
67
|
:where([data-domainkit-part="connection-status"]) {
|
|
@@ -79,7 +80,7 @@
|
|
|
79
80
|
}
|
|
80
81
|
|
|
81
82
|
:where(
|
|
82
|
-
[data-domainkit-
|
|
83
|
+
[data-domainkit-recipe="connect"],
|
|
83
84
|
[data-domainkit-part="oauth-connect"],
|
|
84
85
|
[data-domainkit-part="reuse-connection"],
|
|
85
86
|
[data-domainkit-part="connection-retry"],
|
|
@@ -117,7 +118,7 @@
|
|
|
117
118
|
}
|
|
118
119
|
|
|
119
120
|
:where(
|
|
120
|
-
[data-domainkit-
|
|
121
|
+
[data-domainkit-recipe="connect"],
|
|
121
122
|
[data-domainkit-part="oauth-connect"],
|
|
122
123
|
[data-domainkit-part="plan-trigger"],
|
|
123
124
|
[data-domainkit-part="plan-apply"]
|
|
@@ -139,7 +140,7 @@
|
|
|
139
140
|
}
|
|
140
141
|
|
|
141
142
|
:where(
|
|
142
|
-
[data-domainkit-
|
|
143
|
+
[data-domainkit-recipe="connect"]:hover:not(:disabled),
|
|
143
144
|
[data-domainkit-part="oauth-connect"]:hover:not(:disabled),
|
|
144
145
|
[data-domainkit-part="plan-trigger"]:hover:not(:disabled),
|
|
145
146
|
[data-domainkit-part="plan-apply"]:hover:not(:disabled)
|
|
@@ -148,7 +149,7 @@
|
|
|
148
149
|
}
|
|
149
150
|
|
|
150
151
|
:where(
|
|
151
|
-
[data-domainkit-
|
|
152
|
+
[data-domainkit-recipe="connect"]:active:not(:disabled),
|
|
152
153
|
[data-domainkit-part="oauth-connect"]:active:not(:disabled),
|
|
153
154
|
[data-domainkit-part="plan-trigger"]:active:not(:disabled),
|
|
154
155
|
[data-domainkit-part="plan-apply"]:active:not(:disabled)
|
|
@@ -447,11 +448,11 @@
|
|
|
447
448
|
width: 100%;
|
|
448
449
|
}
|
|
449
450
|
|
|
450
|
-
:where([data-domainkit-
|
|
451
|
+
:where([data-domainkit-recipe="connect"]) {
|
|
451
452
|
gap: 0.45rem;
|
|
452
453
|
}
|
|
453
454
|
|
|
454
|
-
:where([data-domainkit-
|
|
455
|
+
:where([data-domainkit-recipe="connect"] [data-domainkit-part="provider-mark"]) {
|
|
455
456
|
background: var(--domainkit-accent-contrast);
|
|
456
457
|
border-color: color-mix(in oklch, var(--domainkit-accent) 18%, transparent);
|
|
457
458
|
font-size: 0.625rem;
|
|
@@ -841,8 +842,25 @@
|
|
|
841
842
|
|
|
842
843
|
:where([data-domainkit-part="operation-record"]) {
|
|
843
844
|
color: var(--domainkit-muted);
|
|
845
|
+
display: grid;
|
|
844
846
|
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
845
847
|
font-size: 0.75rem;
|
|
848
|
+
gap: 0.2rem;
|
|
849
|
+
min-width: 0;
|
|
850
|
+
}
|
|
851
|
+
|
|
852
|
+
:where([data-domainkit-part="operation-value"]) {
|
|
853
|
+
color: var(--domainkit-foreground);
|
|
854
|
+
overflow-wrap: anywhere;
|
|
855
|
+
white-space: pre-wrap;
|
|
856
|
+
}
|
|
857
|
+
|
|
858
|
+
:where([data-domainkit-part="operation-priority"]) {
|
|
859
|
+
font-size: 0.6875rem;
|
|
860
|
+
}
|
|
861
|
+
|
|
862
|
+
:where([data-domainkit-part="operation-reason"]) {
|
|
863
|
+
color: var(--domainkit-danger);
|
|
846
864
|
}
|
|
847
865
|
|
|
848
866
|
:where([data-operation="AlreadyAbsent"] [data-domainkit-part="operation-kind"]) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@domainkit/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.0",
|
|
4
4
|
"description": "Accessible React flows for DomainKit",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": {
|
|
@@ -36,9 +36,11 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@base-ui/react": "^1.7.0",
|
|
39
|
-
"domainkit": "0.2.2"
|
|
39
|
+
"domainkit": "^0.2.2",
|
|
40
|
+
"scheduler": "0.27.0"
|
|
40
41
|
},
|
|
41
42
|
"devDependencies": {
|
|
43
|
+
"@effect/atom-react": "4.0.0-rc.112",
|
|
42
44
|
"@hugeicons/core-free-icons": "^4.3.0",
|
|
43
45
|
"@hugeicons/react": "^1.1.10",
|
|
44
46
|
"@playwright/test": "1.57.0",
|
|
@@ -46,7 +48,9 @@
|
|
|
46
48
|
"@testing-library/user-event": "14.6.1",
|
|
47
49
|
"@types/react": "19.2.14",
|
|
48
50
|
"@types/react-dom": "19.2.3",
|
|
51
|
+
"@types/scheduler": "0.26.0",
|
|
49
52
|
"dialkit": "1.4.3",
|
|
53
|
+
"effect": "4.0.0-rc.112",
|
|
50
54
|
"jsdom": "26.1.0",
|
|
51
55
|
"motion": "13.1.1",
|
|
52
56
|
"react": "19.2.4",
|
|
@@ -58,8 +62,10 @@
|
|
|
58
62
|
"vitest": "4.1.11"
|
|
59
63
|
},
|
|
60
64
|
"peerDependencies": {
|
|
61
|
-
"react": "
|
|
62
|
-
"
|
|
65
|
+
"@effect/atom-react": ">=4.0.0-rc.112 <5.0.0",
|
|
66
|
+
"effect": ">=4.0.0-rc.112 <5.0.0",
|
|
67
|
+
"react": ">=19.0.0 <20.0.0",
|
|
68
|
+
"react-dom": ">=19.0.0 <20.0.0"
|
|
63
69
|
},
|
|
64
70
|
"engines": {
|
|
65
71
|
"node": ">=24.10.0"
|