@helpwave/hightide 0.9.5 → 0.10.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.
Files changed (12) hide show
  1. package/dist/index.d.mts +240 -6
  2. package/dist/index.d.ts +240 -6
  3. package/dist/index.js +7219 -5394
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +6919 -5111
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/style/globals.css +375 -9
  8. package/dist/style/uncompiled/theme/colors/component.css +20 -0
  9. package/dist/style/uncompiled/theme/components/date-time-input.css +23 -9
  10. package/dist/style/uncompiled/theme/components/index.css +2 -1
  11. package/dist/style/uncompiled/theme/components/process-model.css +167 -0
  12. package/package.json +12 -11
package/dist/style/uncompiled/theme/components/process-model.css ADDED
@@ -0,0 +1,167 @@
1
+ @layer components {
2
+ .process-model-canvas-wrap {
3
+ @apply relative overflow-visible rounded-2xl bg-surface p-8 shadow-md;
4
+ }
5
+
6
+ .process-model-svg {
7
+ @apply block overflow-visible;
8
+ }
9
+
10
+ .process-model-edge-path {
11
+ stroke: var(--color-process-model-edge-stroke);
12
+ }
13
+
14
+ .process-model-edge-marker-fill {
15
+ fill: var(--color-process-model-edge-stroke);
16
+ }
17
+
18
+ .process-model-edge-label-bg {
19
+ fill: var(--color-process-model-edge-label-bg);
20
+ }
21
+
22
+ .process-model-edge-label-text {
23
+ font-family: var(--font-inter);
24
+ }
25
+
26
+ .process-model-edge-label-text-strong {
27
+ fill: var(--color-process-model-edge-label-text-strong);
28
+ }
29
+
30
+ .process-model-edge-label-text-muted {
31
+ fill: var(--color-process-model-edge-label-text-muted);
32
+ }
33
+
34
+ .process-model-foreign-object {
35
+ overflow: visible;
36
+ }
37
+
38
+ .process-model-foreign-object-inner {
39
+ width: 100%;
40
+ height: 100%;
41
+ }
42
+
43
+ .process-model-foreign-object-inner .process-model-activity-node {
44
+ @apply w-full min-w-0;
45
+ }
46
+
47
+ .process-model-activity-node {
48
+ @apply flex h-full w-max min-w-[120px] max-w-full cursor-default select-none items-center gap-2 rounded-xl border border-border bg-surface px-3 py-2.5 transition-[border-color,box-shadow,background-color] duration-200 ease-out;
49
+ font-family: var(--font-inter);
50
+ }
51
+
52
+ .process-model-activity-node:not([data-bordered]) {
53
+ @apply border-transparent;
54
+ }
55
+
56
+ .process-model-activity-node[data-interactive] {
57
+ @apply cursor-pointer;
58
+ }
59
+
60
+ .process-model-activity-node[data-interactive]:focus-visible {
61
+ @apply outline-2 outline-offset-2 outline-primary;
62
+ }
63
+
64
+ .process-model-activity-node[data-active] {
65
+ border-color: var(--color-purple-400);
66
+ box-shadow: 0 0 0 3px var(--color-process-model-node-active-ring);
67
+ background-color: var(--color-process-model-node-active-bg);
68
+ }
69
+
70
+ .process-model-activity-node[data-visited]:not([data-active]) {
71
+ border-color: var(--color-process-model-node-visited-border);
72
+ background-color: var(--color-process-model-node-visited-bg);
73
+ }
74
+
75
+ .process-model-activity-node-icon {
76
+ @apply flex h-7 w-7 shrink-0 items-center justify-center rounded-lg;
77
+ background-color: var(--color-process-model-activity-icon-bg);
78
+ }
79
+
80
+ .process-model-activity-node-icon-svg {
81
+ @apply text-primary;
82
+ }
83
+
84
+ .process-model-activity-node-text {
85
+ @apply flex min-w-0 flex-1 flex-col;
86
+ }
87
+
88
+ .process-model-activity-node-label {
89
+ @apply whitespace-nowrap text-xs font-semibold leading-tight text-on-surface;
90
+ }
91
+
92
+ .process-model-activity-node-count {
93
+ @apply mt-px whitespace-nowrap text-[11px] font-medium text-description;
94
+ }
95
+
96
+ .process-model-activity-node[data-kind="terminal"] {
97
+ @apply gap-3;
98
+ }
99
+
100
+ .process-model-activity-node[data-kind="terminal"] .process-model-activity-node-icon {
101
+ @apply h-auto w-auto rounded-none bg-transparent p-0;
102
+ }
103
+
104
+ .process-model-activity-node[data-kind="terminal"] .process-model-activity-node-label {
105
+ @apply whitespace-nowrap text-sm font-bold leading-snug text-on-surface;
106
+ }
107
+
108
+ .process-model-activity-node[data-kind="terminal"] .process-model-activity-node-count {
109
+ @apply mt-0.5 whitespace-nowrap text-xs font-medium text-description;
110
+ }
111
+
112
+ .process-model-terminal-node-hex-fill {
113
+ fill: var(--color-process-model-terminal-fill);
114
+ }
115
+
116
+ .process-model-activity-node[data-kind="terminal"][data-active] .process-model-terminal-node-hex-fill {
117
+ fill: var(--color-process-model-terminal-fill-active);
118
+ }
119
+
120
+ .process-model-activity-node[data-kind="terminal"][data-visited]:not([data-active]) .process-model-terminal-node-hex-fill {
121
+ fill: var(--color-process-model-terminal-fill-visited);
122
+ }
123
+
124
+ .process-model-trace-replay {
125
+ @apply flex w-full max-w-[900px] flex-col gap-4;
126
+ }
127
+
128
+ .process-model-trace-replay-toolbar {
129
+ @apply flex flex-row flex-wrap items-center justify-center gap-2;
130
+ }
131
+
132
+ .process-model-trace-replay-speed {
133
+ @apply flex flex-row items-center gap-2;
134
+ }
135
+
136
+ .process-model-trace-replay-speed-label {
137
+ @apply text-xs font-medium text-description;
138
+ }
139
+
140
+ .process-model-trace-log {
141
+ @apply w-full overflow-hidden rounded-lg bg-surface shadow-md;
142
+ }
143
+
144
+ .process-model-trace-log-header {
145
+ @apply border-b border-border bg-surface-variant px-4 py-2.5 text-[11px] font-semibold uppercase tracking-wide text-description;
146
+ }
147
+
148
+ .process-model-trace-log-body {
149
+ @apply max-h-[110px] overflow-y-auto py-1.5;
150
+ }
151
+
152
+ .process-model-trace-log-placeholder {
153
+ @apply px-4 py-1.5 text-[11px] italic text-description;
154
+ }
155
+
156
+ .process-model-trace-log-event {
157
+ @apply flex flex-row items-center gap-2 px-4 py-1 text-[11px] text-on-surface;
158
+ }
159
+
160
+ .process-model-trace-log-dot {
161
+ @apply h-1.5 w-1.5 shrink-0 rounded-full bg-primary;
162
+ }
163
+
164
+ .process-model-trace-log-time {
165
+ @apply min-w-[36px] shrink-0 text-[10px] text-description;
166
+ }
167
+ }
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "access": "public"
11
11
  },
12
12
  "license": "MPL-2.0",
13
- "version": "0.9.5",
13
+ "version": "0.10.0",
14
14
  "files": [
15
15
  "dist"
16
16
  ],
@@ -58,12 +58,12 @@
58
58
  "@babel/preset-typescript": "7.26.0",
59
59
  "@faker-js/faker": "10.1.0",
60
60
  "@helpwave/eslint-config": "0.0.11",
61
- "@storybook/addon-docs": "10.2.10",
62
- "@storybook/addon-links": "10.2.10",
63
- "@storybook/nextjs": "10.2.10",
61
+ "@storybook/addon-docs": "10.4.5",
62
+ "@storybook/addon-links": "10.4.5",
63
+ "@storybook/nextjs-vite": "10.4.5",
64
64
  "@tailwindcss/postcss": "4.1.18",
65
65
  "@types/jest": "30.0.0",
66
- "@types/node": "20.17.10",
66
+ "@types/node": "20.19.43",
67
67
  "@types/react": "19.2.3",
68
68
  "@types/react-dom": "19.2.3",
69
69
  "@types/tinycolor2": "1.4.6",
@@ -71,15 +71,15 @@
71
71
  "@vitest/mocker": "4.0.16",
72
72
  "autoprefixer": "10.4.23",
73
73
  "eslint": "9.31.0",
74
- "eslint-plugin-storybook": "10.2.10",
74
+ "eslint-plugin-storybook": "10.4.5",
75
75
  "jest": "30.2.0",
76
76
  "jest-environment-jsdom": "30.2.0",
77
- "postcss": "8.5.6",
78
- "storybook": "10.2.10",
77
+ "postcss": "8.5.15",
78
+ "storybook": "10.4.5",
79
79
  "ts-jest": "29.4.6",
80
80
  "tsup": "8.5.1",
81
81
  "typescript": "5.7.2",
82
- "webpack": "5.105.2"
82
+ "vite": "7.3.5"
83
83
  },
84
84
  "keywords": [
85
85
  "react",
@@ -91,6 +91,7 @@
91
91
  "url": "https://github.com/helpwave/hightide/issues"
92
92
  },
93
93
  "overrides": {
94
- "elliptic": "^6.6.1"
94
+ "esbuild": "0.28.1",
95
+ "postcss": "8.5.15"
95
96
  }
96
- }
97
+ }