@remix-run/ui 0.4.0 → 0.5.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 +74 -1
- package/dist/accordion/index.js +2 -2
- package/dist/accordion/primitives.d.ts +1 -1
- package/dist/accordion/primitives.js.map +1 -1
- package/dist/anchor/index.js.map +1 -1
- package/dist/animation/animate-layout-mixin.js +1 -1
- package/dist/animation/animate-layout-mixin.js.map +1 -1
- package/dist/animation/animate-mixins.js +2 -2
- package/dist/animation/animate-mixins.js.map +1 -1
- package/dist/animation/demos/color-interpolation.js +1 -1
- package/dist/animation/demos/color-interpolation.js.map +1 -1
- package/dist/animation/demos/drag-release.d.ts +1 -1
- package/dist/animation/demos/hold-to-confirm.d.ts +3 -3
- package/dist/animation/demos/material-ripple.js +1 -3
- package/dist/animation/demos/material-ripple.js.map +1 -1
- package/dist/animation/index.js +4 -4
- package/dist/animation/spring.js.map +1 -1
- package/dist/breadcrumbs/index.js +2 -2
- package/dist/button/index.js +25 -25
- package/dist/button/index.js.map +1 -1
- package/dist/checkbox/index.js +11 -9
- package/dist/checkbox/index.js.map +1 -1
- package/dist/combobox/index.js +4 -4
- package/dist/combobox/index.js.map +1 -1
- package/dist/combobox/primitives.d.ts +1 -1
- package/dist/combobox/primitives.js +5 -5
- package/dist/combobox/primitives.js.map +1 -1
- package/dist/dev/refresh.d.ts +1 -0
- package/dist/dev/refresh.js +2 -0
- package/dist/dev/refresh.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +14 -14
- package/dist/input/index.js +9 -9
- package/dist/input/index.js.map +1 -1
- package/dist/jsx-runtime.js +2 -2
- package/dist/listbox/index.js +2 -2
- package/dist/menu/hover-aim.js.map +1 -1
- package/dist/menu/index.js +3 -3
- package/dist/menu/primitives.d.ts +1 -1
- package/dist/menu/primitives.js +6 -6
- package/dist/menu/primitives.js.map +1 -1
- package/dist/popover/index.js +3 -3
- package/dist/popover/scroll-lock.js.map +1 -1
- package/dist/radio/index.js +7 -7
- package/dist/radio/index.js.map +1 -1
- package/dist/runtime/client-entry-boundary.d.ts +14 -0
- package/dist/runtime/client-entry-boundary.js +29 -0
- package/dist/runtime/client-entry-boundary.js.map +1 -0
- package/dist/runtime/component.d.ts +19 -4
- package/dist/runtime/component.js +39 -9
- package/dist/runtime/component.js.map +1 -1
- package/dist/runtime/core/attributes.js +36 -3
- package/dist/runtime/core/attributes.js.map +1 -1
- package/dist/runtime/core/children.d.ts +2 -0
- package/dist/runtime/core/children.js +26 -2
- package/dist/runtime/core/children.js.map +1 -1
- package/dist/runtime/core/props.js +2 -2
- package/dist/runtime/core/vnode.d.ts +3 -3
- package/dist/runtime/core/vnode.js +22 -1
- package/dist/runtime/core/vnode.js.map +1 -1
- package/dist/runtime/create-element.d.ts +2 -2
- package/dist/runtime/create-element.js +3 -2
- package/dist/runtime/create-element.js.map +1 -1
- package/dist/runtime/diff-dom.js +294 -219
- package/dist/runtime/diff-dom.js.map +1 -1
- package/dist/runtime/diff-props.js +3 -3
- package/dist/runtime/dom.d.ts +12 -0
- package/dist/runtime/element-function.d.ts +3 -0
- package/dist/runtime/element-function.js +2 -0
- package/dist/runtime/element-function.js.map +1 -0
- package/dist/runtime/form-navigation.d.ts +25 -0
- package/dist/runtime/form-navigation.js +132 -0
- package/dist/runtime/form-navigation.js.map +1 -0
- package/dist/runtime/frame-resolution.d.ts +5 -0
- package/dist/runtime/frame-resolution.js +10 -0
- package/dist/runtime/frame-resolution.js.map +1 -0
- package/dist/runtime/frame.d.ts +58 -15
- package/dist/runtime/frame.js +367 -114
- package/dist/runtime/frame.js.map +1 -1
- package/dist/runtime/jsx.d.ts +1 -1
- package/dist/runtime/jsx.js +1 -1
- package/dist/runtime/jsx.js.map +1 -1
- package/dist/runtime/key.d.ts +1 -0
- package/dist/runtime/key.js +2 -0
- package/dist/runtime/key.js.map +1 -0
- package/dist/runtime/mixins/attrs-mixin.js +2 -2
- package/dist/runtime/mixins/link-mixin.js +4 -3
- package/dist/runtime/mixins/link-mixin.js.map +1 -1
- package/dist/runtime/mixins/mixin.d.ts +15 -10
- package/dist/runtime/mixins/mixin.js +4 -4
- package/dist/runtime/mixins/mixin.js.map +1 -1
- package/dist/runtime/mixins/on-mixin.js +1 -1
- package/dist/runtime/mixins/ref-mixin.js +1 -1
- package/dist/runtime/navigation.d.ts +4 -1
- package/dist/runtime/navigation.js +157 -32
- package/dist/runtime/navigation.js.map +1 -1
- package/dist/runtime/reconcile.d.ts +11 -10
- package/dist/runtime/reconcile.js +549 -421
- package/dist/runtime/reconcile.js.map +1 -1
- package/dist/runtime/refresh.d.ts +28 -0
- package/dist/runtime/refresh.js +31 -0
- package/dist/runtime/refresh.js.map +1 -0
- package/dist/runtime/render.js +1 -1
- package/dist/runtime/render.js.map +1 -1
- package/dist/runtime/run.d.ts +3 -1
- package/dist/runtime/run.js +15 -7
- package/dist/runtime/run.js.map +1 -1
- package/dist/runtime/scheduler.js +8 -16
- package/dist/runtime/scheduler.js.map +1 -1
- package/dist/runtime/to-vnode.d.ts +2 -2
- package/dist/runtime/to-vnode.js +68 -20
- package/dist/runtime/to-vnode.js.map +1 -1
- package/dist/runtime/vdom.d.ts +4 -2
- package/dist/runtime/vdom.js +87 -42
- package/dist/runtime/vdom.js.map +1 -1
- package/dist/runtime/vnode.d.ts +138 -67
- package/dist/runtime/vnode.js +17 -12
- package/dist/runtime/vnode.js.map +1 -1
- package/dist/select/index.js +11 -11
- package/dist/select/index.js.map +1 -1
- package/dist/select/primitives.d.ts +1 -1
- package/dist/select/primitives.js +6 -6
- package/dist/server/stream.js +20 -27
- package/dist/server/stream.js.map +1 -1
- package/dist/shared/focus-styles.d.ts +1 -1
- package/dist/shared/focus-styles.js +1 -1
- package/dist/shared/focus-styles.js.map +1 -1
- package/dist/shared/listbox-popover-styles.js +1 -1
- package/dist/shared/style-values.js +26 -26
- package/dist/shared/style-values.js.map +1 -1
- package/dist/style/css-mixin.js +3 -3
- package/dist/style/index.js +2 -2
- package/dist/style/style.js +25 -6
- package/dist/style/style.js.map +1 -1
- package/dist/style/stylesheet.d.ts +0 -1
- package/dist/style/stylesheet.js +13 -54
- package/dist/style/stylesheet.js.map +1 -1
- package/dist/tabs/index.js +11 -11
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/primitives.d.ts +1 -1
- package/dist/test.js +1 -1
- package/dist/toggle/index.js +9 -9
- package/dist/toggle/index.js.map +1 -1
- package/dist/toggle/primitives.d.ts +1 -1
- package/package.json +10 -7
- package/src/animation/animate-mixins.ts +3 -3
- package/src/animation/demos/color-interpolation.tsx +1 -1
- package/src/button/index.ts +24 -24
- package/src/checkbox/index.ts +10 -8
- package/src/combobox/index.tsx +1 -1
- package/src/dev/refresh.ts +1 -0
- package/src/index.ts +1 -1
- package/src/input/index.ts +8 -8
- package/src/radio/index.ts +6 -5
- package/src/runtime/client-entry-boundary.ts +54 -0
- package/src/runtime/component.ts +65 -16
- package/src/runtime/core/attributes.ts +35 -1
- package/src/runtime/core/children.ts +24 -2
- package/src/runtime/core/vnode.ts +25 -4
- package/src/runtime/create-element.ts +6 -5
- package/src/runtime/demos/readme.demo.tsx +4 -4
- package/src/runtime/diff-dom.ts +358 -243
- package/src/runtime/dom.ts +331 -214
- package/src/runtime/element-function.ts +1 -0
- package/src/runtime/event-listeners.ts +1 -1
- package/src/runtime/form-navigation.ts +184 -0
- package/src/runtime/frame-resolution.ts +13 -0
- package/src/runtime/frame.ts +482 -124
- package/src/runtime/jsx.ts +3 -5
- package/src/runtime/key.ts +1 -0
- package/src/runtime/mixins/link-mixin.ts +1 -0
- package/src/runtime/mixins/mixin.ts +21 -18
- package/src/runtime/navigation.ts +204 -30
- package/src/runtime/reconcile.ts +762 -759
- package/src/runtime/refresh.ts +46 -0
- package/src/runtime/run.ts +12 -2
- package/src/runtime/scheduler.ts +9 -29
- package/src/runtime/to-vnode.ts +85 -23
- package/src/runtime/vdom.ts +89 -70
- package/src/runtime/vnode.ts +192 -88
- package/src/select/index.tsx +9 -9
- package/src/server/stream.ts +22 -28
- package/src/shared/focus-styles.ts +1 -1
- package/src/shared/style-values.ts +26 -26
- package/src/style/style.ts +25 -6
- package/src/style/stylesheet.ts +32 -57
- package/src/tabs/index.tsx +12 -11
- package/src/test/README.md +151 -60
- package/src/toggle/index.tsx +9 -7
package/dist/style/style.js
CHANGED
|
@@ -1,6 +1,20 @@
|
|
|
1
1
|
// Convert camelCase CSS properties to kebab-case
|
|
2
|
+
// Property names repeat constantly across renders; cache conversions instead
|
|
3
|
+
// of running a regex each time.
|
|
4
|
+
const CAMEL_TO_KEBAB_CACHE_LIMIT = 256;
|
|
5
|
+
const camelToKebabCache = new Map();
|
|
2
6
|
function camelToKebab(str) {
|
|
3
|
-
|
|
7
|
+
let cached = camelToKebabCache.get(str);
|
|
8
|
+
if (cached === undefined) {
|
|
9
|
+
cached = str.replace(/[A-Z]/g, (letter) => `-${letter.toLowerCase()}`);
|
|
10
|
+
if (camelToKebabCache.size >= CAMEL_TO_KEBAB_CACHE_LIMIT) {
|
|
11
|
+
let oldest = camelToKebabCache.keys().next();
|
|
12
|
+
if (!oldest.done)
|
|
13
|
+
camelToKebabCache.delete(oldest.value);
|
|
14
|
+
}
|
|
15
|
+
camelToKebabCache.set(str, cached);
|
|
16
|
+
}
|
|
17
|
+
return cached;
|
|
4
18
|
}
|
|
5
19
|
// Properties that should remain unitless (numeric values without px)
|
|
6
20
|
const NUMERIC_CSS_PROPS = new Set([
|
|
@@ -54,18 +68,23 @@ function isKeyframesAtRule(key) {
|
|
|
54
68
|
lower.startsWith('@-moz-keyframes') ||
|
|
55
69
|
lower.startsWith('@-o-keyframes'));
|
|
56
70
|
}
|
|
57
|
-
// Generate a hash for style objects to create unique class names
|
|
71
|
+
// Generate a hash for style objects to create unique class names.
|
|
72
|
+
// Class names are content-addressed — a collision silently applies the wrong
|
|
73
|
+
// styles — so use two independent 32-bit FNV-1a passes (~64 bits of hash
|
|
74
|
+
// space) rather than a single 32-bit hash. Must be deterministic across
|
|
75
|
+
// server and client.
|
|
58
76
|
function hashStyle(obj) {
|
|
59
77
|
// Sort keys to ensure consistent hashing, but include values in the string
|
|
60
78
|
let sortedEntries = Object.entries(obj).sort(([a], [b]) => a.localeCompare(b));
|
|
61
79
|
let str = JSON.stringify(sortedEntries);
|
|
62
|
-
let
|
|
80
|
+
let h1 = 0x811c9dc5;
|
|
81
|
+
let h2 = 0xcbf29ce4;
|
|
63
82
|
for (let i = 0; i < str.length; i++) {
|
|
64
83
|
let char = str.charCodeAt(i);
|
|
65
|
-
|
|
66
|
-
|
|
84
|
+
h1 = Math.imul(h1 ^ char, 0x01000193) >>> 0;
|
|
85
|
+
h2 = Math.imul(h2 ^ char, 0x01000193) >>> 0;
|
|
67
86
|
}
|
|
68
|
-
return
|
|
87
|
+
return h1.toString(36) + h2.toString(36);
|
|
69
88
|
}
|
|
70
89
|
// Convert style object to CSS text
|
|
71
90
|
function styleToCss(styles, selector = '') {
|
package/dist/style/style.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/style/style.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../src/style/style.ts"],"names":[],"mappings":"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"}
|
package/dist/style/stylesheet.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { REMIX_UI_STYLE_LAYER } from
|
|
1
|
+
import { REMIX_UI_STYLE_LAYER } from './layers.js';
|
|
2
2
|
const SERVER_STYLE_SELECTOR = 'style[data-rmx]';
|
|
3
3
|
function getStyleLayerName(className, layer = REMIX_UI_STYLE_LAYER) {
|
|
4
4
|
return `${layer}.${className}`;
|
|
@@ -56,15 +56,7 @@ function getStyleSelector(styleEl) {
|
|
|
56
56
|
export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
57
57
|
let stylesheet = null;
|
|
58
58
|
let generation = 0;
|
|
59
|
-
// Track usage count and rule index per className
|
|
60
|
-
// Using an object to track both count and index together
|
|
61
59
|
let ruleMap = new Map();
|
|
62
|
-
// Selectors currently held by a server-style adoption ref. We track this
|
|
63
|
-
// separately from `ruleMap` so `replaceServerStyles` can release only the
|
|
64
|
-
// adoption refs of selectors absent from the next page, without disturbing
|
|
65
|
-
// selectors that exist solely because a client-side css mixin inserted them
|
|
66
|
-
// (e.g. transient UI state that the server never rendered).
|
|
67
|
-
let adoptedSelectors = new Set();
|
|
68
60
|
function getStylesheet() {
|
|
69
61
|
if (!stylesheet) {
|
|
70
62
|
stylesheet = new CSSStyleSheet();
|
|
@@ -89,15 +81,11 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
89
81
|
let selector = getStyleSelector(styleEl);
|
|
90
82
|
if (!selector)
|
|
91
83
|
return undefined;
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
//
|
|
95
|
-
//
|
|
96
|
-
|
|
97
|
-
let entry = ruleMap.get(selector);
|
|
98
|
-
entry.count++;
|
|
99
|
-
adoptedSelectors.add(selector);
|
|
100
|
-
}
|
|
84
|
+
let entry = ruleMap.get(selector);
|
|
85
|
+
if (entry) {
|
|
86
|
+
// The rule already exists — either a previous adoption or a client-side
|
|
87
|
+
// css mixin inserted it first. Pin it so it outlives any mixin refs.
|
|
88
|
+
entry.pinned = true;
|
|
101
89
|
styleEl.remove();
|
|
102
90
|
return selector;
|
|
103
91
|
}
|
|
@@ -110,8 +98,7 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
110
98
|
let sheet = getStylesheet();
|
|
111
99
|
let index = sheet.cssRules.length;
|
|
112
100
|
sheet.insertRule(cssText, index);
|
|
113
|
-
ruleMap.set(selector, { count:
|
|
114
|
-
adoptedSelectors.add(selector);
|
|
101
|
+
ruleMap.set(selector, { count: 0, index, pinned: true });
|
|
115
102
|
styleEl.remove();
|
|
116
103
|
return selector;
|
|
117
104
|
}
|
|
@@ -122,7 +109,7 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
122
109
|
}
|
|
123
110
|
function has(className) {
|
|
124
111
|
let entry = ruleMap.get(className);
|
|
125
|
-
return entry !== undefined && entry.count > 0;
|
|
112
|
+
return entry !== undefined && (entry.pinned || entry.count > 0);
|
|
126
113
|
}
|
|
127
114
|
function getGeneration() {
|
|
128
115
|
return generation;
|
|
@@ -130,8 +117,9 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
130
117
|
function insert(className, rule) {
|
|
131
118
|
let entry = ruleMap.get(className);
|
|
132
119
|
if (entry) {
|
|
133
|
-
//
|
|
134
|
-
entry.
|
|
120
|
+
// Pinned rules are permanent; there is nothing to count.
|
|
121
|
+
if (!entry.pinned)
|
|
122
|
+
entry.count++;
|
|
135
123
|
return;
|
|
136
124
|
}
|
|
137
125
|
// New rule - insert and track
|
|
@@ -140,11 +128,11 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
140
128
|
// This may throw for invalid CSS. If it does, we intentionally let it
|
|
141
129
|
// bubble so the rule is not tracked unless insertion actually succeeds.
|
|
142
130
|
sheet.insertRule(`@layer ${getStyleLayerName(className, layer)} { ${rule} }`, index);
|
|
143
|
-
ruleMap.set(className, { count: 1, index });
|
|
131
|
+
ruleMap.set(className, { count: 1, index, pinned: false });
|
|
144
132
|
}
|
|
145
133
|
function remove(className) {
|
|
146
134
|
let entry = ruleMap.get(className);
|
|
147
|
-
if (!entry)
|
|
135
|
+
if (!entry || entry.pinned)
|
|
148
136
|
return;
|
|
149
137
|
// Decrement count
|
|
150
138
|
entry.count--;
|
|
@@ -156,8 +144,6 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
156
144
|
let indexToDelete = entry.index;
|
|
157
145
|
// Remove from tracking
|
|
158
146
|
ruleMap.delete(className);
|
|
159
|
-
adoptedSelectors.delete(className);
|
|
160
|
-
// TODO: just search and remove, stop re-indexing
|
|
161
147
|
if (!stylesheet)
|
|
162
148
|
return;
|
|
163
149
|
stylesheet.deleteRule(indexToDelete);
|
|
@@ -172,7 +158,6 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
172
158
|
function reset() {
|
|
173
159
|
clearStylesheet();
|
|
174
160
|
ruleMap.clear();
|
|
175
|
-
adoptedSelectors.clear();
|
|
176
161
|
removeStylesheet();
|
|
177
162
|
generation++;
|
|
178
163
|
}
|
|
@@ -186,30 +171,6 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
186
171
|
}
|
|
187
172
|
return adopted;
|
|
188
173
|
}
|
|
189
|
-
// Snapshot the currently-adopted server selectors, adopt the incoming
|
|
190
|
-
// server styles additively, then release the adoption ref of any prior-only
|
|
191
|
-
// selectors.
|
|
192
|
-
//
|
|
193
|
-
// Refcount-aware semantics keep preserved DOM styled: a prior-only selector
|
|
194
|
-
// with no live css-mixin ref drops immediately, but one still referenced by
|
|
195
|
-
// an active mixin (e.g. inside a hydration region that the DOM diff skipped)
|
|
196
|
-
// stays in the stylesheet and is only fully removed when that mixin's
|
|
197
|
-
// `remove` event eventually fires. This avoids the FOUC that a hard
|
|
198
|
-
// `reset()` would cause between the style swap and the hydration re-render.
|
|
199
|
-
//
|
|
200
|
-
// Only adoption refs are considered — selectors that exist solely because a
|
|
201
|
-
// client-side css mixin inserted them (e.g. transient UI state never
|
|
202
|
-
// rendered by the server) are unaffected.
|
|
203
|
-
function replaceServerStyles(source) {
|
|
204
|
-
let prior = new Set(adoptedSelectors);
|
|
205
|
-
let adopted = adoptServerStyles(source);
|
|
206
|
-
for (let selector of prior) {
|
|
207
|
-
if (!adopted.has(selector)) {
|
|
208
|
-
adoptedSelectors.delete(selector);
|
|
209
|
-
remove(selector);
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
174
|
function selectors() {
|
|
214
175
|
return ruleMap.keys();
|
|
215
176
|
}
|
|
@@ -217,7 +178,6 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
217
178
|
removeStylesheet();
|
|
218
179
|
// Clear internal state
|
|
219
180
|
ruleMap.clear();
|
|
220
|
-
adoptedSelectors.clear();
|
|
221
181
|
generation++;
|
|
222
182
|
}
|
|
223
183
|
return {
|
|
@@ -227,7 +187,6 @@ export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
|
227
187
|
getGeneration,
|
|
228
188
|
reset,
|
|
229
189
|
adoptServerStyles,
|
|
230
|
-
replaceServerStyles,
|
|
231
190
|
selectors,
|
|
232
191
|
dispose,
|
|
233
192
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stylesheet.js","sourceRoot":"","sources":["../../src/style/stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"stylesheet.js","sourceRoot":"","sources":["../../src/style/stylesheet.ts"],"names":[],"mappings":"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"}
|
package/dist/tabs/index.js
CHANGED
|
@@ -2,8 +2,8 @@ import { jsx as _jsx } from "@remix-run/ui/jsx-runtime";
|
|
|
2
2
|
import { css, } from '@remix-run/ui';
|
|
3
3
|
import * as tabs from '@remix-run/ui/tabs/primitives';
|
|
4
4
|
export { TabsChangeEvent, onTabsChange } from '@remix-run/ui/tabs/primitives';
|
|
5
|
-
const tabSliderBackground = 'linear-gradient(180deg, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.04) 100%), #FFFFFF';
|
|
6
|
-
const tabSliderShadow = '0 0 0 0.5px rgba(0, 0, 0, 0.06), 0 1px 1px -0.5px rgba(0, 0, 0, 0.12), 0 2px 2px -1px rgba(0, 0, 0, 0.12), 0 4px 4px -2px rgba(0, 0, 0, 0.12), inset 0 0 2px 1px #FFFFFF';
|
|
5
|
+
const tabSliderBackground = 'linear-gradient(180deg, rgba(0, 0, 0, 0) 33%, light-dark(rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.08)) 100%), light-dark(#FFFFFF, #1a1a1a)';
|
|
6
|
+
const tabSliderShadow = '0 0 0 0.5px light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.12)), 0 1px 1px -0.5px rgba(0, 0, 0, 0.12), 0 2px 2px -1px rgba(0, 0, 0, 0.12), 0 4px 4px -2px rgba(0, 0, 0, 0.12), inset 0 0 2px 1px light-dark(#FFFFFF, rgba(255, 255, 255, 0.08))';
|
|
7
7
|
const tabsRootCss = css({
|
|
8
8
|
'--rmx-tabs-height': '32px',
|
|
9
9
|
'--rmx-tabs-track-padding': '2px',
|
|
@@ -28,7 +28,7 @@ const tabsListCss = css({
|
|
|
28
28
|
padding: 'var(--rmx-tabs-track-padding)',
|
|
29
29
|
border: 0,
|
|
30
30
|
borderRadius: '9999px',
|
|
31
|
-
background: 'linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%), #EBEBEB',
|
|
31
|
+
background: 'linear-gradient(180deg, light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.08)) 0%, rgba(0, 0, 0, 0) 100%), light-dark(#EBEBEB, #2c2c2c)',
|
|
32
32
|
boxShadow: 'inset 0 0 4px 1px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(0, 0, 0, 0.02), inset 0 2px 2px rgba(0, 0, 0, 0.02)',
|
|
33
33
|
overflowX: 'auto',
|
|
34
34
|
scrollbarWidth: 'none',
|
|
@@ -40,7 +40,7 @@ const tabsListCss = css({
|
|
|
40
40
|
},
|
|
41
41
|
});
|
|
42
42
|
const tabsTabCss = css({
|
|
43
|
-
'--rmx-tabs-tab-focus-shadow': '0 0 0 1px #3573F6, var(--rmx-tabs-tab-shadow), 0 0 0 4px rgba(53, 115, 246, 0.1), 0 6px 32px 4px rgba(53, 115, 246, 0.08), inset 0 0 8px 1px rgba(53, 115, 246, 0.05)',
|
|
43
|
+
'--rmx-tabs-tab-focus-shadow': '0 0 0 1px light-dark(#3573F6, #6eaaff), var(--rmx-tabs-tab-shadow), 0 0 0 4px light-dark(rgba(53, 115, 246, 0.1), rgba(110, 170, 255, 0.18)), 0 6px 32px 4px light-dark(rgba(53, 115, 246, 0.08), rgba(110, 170, 255, 0.14)), inset 0 0 8px 1px light-dark(rgba(53, 115, 246, 0.05), rgba(110, 170, 255, 0.1))',
|
|
44
44
|
appearance: 'none',
|
|
45
45
|
margin: 0,
|
|
46
46
|
boxSizing: 'border-box',
|
|
@@ -62,7 +62,7 @@ const tabsTabCss = css({
|
|
|
62
62
|
borderRadius: '999px',
|
|
63
63
|
background: 'transparent',
|
|
64
64
|
boxShadow: 'var(--rmx-tabs-tab-shadow)',
|
|
65
|
-
color: '#707070',
|
|
65
|
+
color: 'light-dark(#707070, #b3b3b3)',
|
|
66
66
|
fontFamily: '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
|
|
67
67
|
fontStyle: 'normal',
|
|
68
68
|
fontWeight: 500,
|
|
@@ -78,17 +78,17 @@ const tabsTabCss = css({
|
|
|
78
78
|
verticalAlign: 'top',
|
|
79
79
|
whiteSpace: 'nowrap',
|
|
80
80
|
'&[data-state="inactive"]:hover:not(:disabled):not([aria-disabled="true"])': {
|
|
81
|
-
background: 'rgba(16, 16, 16, 0.05)',
|
|
82
|
-
color: '#101010',
|
|
81
|
+
background: 'light-dark(rgba(16, 16, 16, 0.05), rgba(236, 236, 236, 0.1))',
|
|
82
|
+
color: 'light-dark(#101010, #ececec)',
|
|
83
83
|
},
|
|
84
84
|
'&[data-state="inactive"]:active:not(:disabled):not([aria-disabled="true"])': {
|
|
85
|
-
background: 'rgba(16, 16, 16, 0.08)',
|
|
85
|
+
background: 'light-dark(rgba(16, 16, 16, 0.08), rgba(236, 236, 236, 0.14))',
|
|
86
86
|
},
|
|
87
87
|
'&[data-state="active"]': {
|
|
88
88
|
background: tabSliderBackground,
|
|
89
89
|
'--rmx-tabs-tab-shadow': tabSliderShadow,
|
|
90
|
-
color: '#101010',
|
|
91
|
-
textShadow: '0 1px 0 #FFFFFF',
|
|
90
|
+
color: 'light-dark(#101010, #ececec)',
|
|
91
|
+
textShadow: '0 1px 0 light-dark(#FFFFFF, rgb(0 0 0 / 0.35))',
|
|
92
92
|
},
|
|
93
93
|
'&[data-state="active"]:hover:not(:disabled):not([aria-disabled="true"])': {
|
|
94
94
|
background: tabSliderBackground,
|
|
@@ -107,7 +107,7 @@ const tabsTabCss = css({
|
|
|
107
107
|
});
|
|
108
108
|
const tabsPanelCss = css({
|
|
109
109
|
minWidth: 0,
|
|
110
|
-
color: '#101010',
|
|
110
|
+
color: 'light-dark(#101010, #ececec)',
|
|
111
111
|
fontFamily: '"Inter Variable", Inter, ui-sans-serif, system-ui, sans-serif',
|
|
112
112
|
fontSize: '13px',
|
|
113
113
|
lineHeight: '20px',
|
package/dist/tabs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,GAAG,GAKJ,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,IAAI,MAAM,+BAA+B,CAAA;AAErD,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AA6B7E,MAAM,mBAAmB,GACvB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { on, type Dispatched, type ElementProps, type Handle, type MixinFactory, type RemixNode } from '@remix-run/ui';
|
|
2
|
-
declare const TABS_CHANGE_EVENT:
|
|
2
|
+
declare const TABS_CHANGE_EVENT: 'rmx:tabs-change';
|
|
3
3
|
type TabsChangeHandler<target extends HTMLElement> = (event: Dispatched<TabsChangeEvent, target>, signal: AbortSignal) => void | Promise<void>;
|
|
4
4
|
export type TabsActivationDirection = 'first' | 'last' | 'next' | 'previous';
|
|
5
5
|
export interface TabsRegisteredTab {
|
package/dist/test.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { render } from
|
|
1
|
+
export { render } from './runtime/render.js';
|
|
2
2
|
//# sourceMappingURL=test.js.map
|
package/dist/toggle/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { createMixin, css } from '@remix-run/ui';
|
|
2
|
-
import { renderMixinElement } from
|
|
3
|
-
import { controlFocusShadow } from
|
|
2
|
+
import { renderMixinElement } from '../runtime/mixins/mixin.js';
|
|
3
|
+
import { controlFocusShadow } from '../shared/focus-styles.js';
|
|
4
4
|
export { ToggleChangeEvent, onToggleChange } from '@remix-run/ui/toggle/primitives';
|
|
5
5
|
const checkedSelector = '&:checked, &[aria-checked="true"], &[data-state="checked"]';
|
|
6
6
|
const checkedThumbSelector = '&:checked::before, &[aria-checked="true"]::before, &[data-state="checked"]::before';
|
|
7
|
-
const uncheckedThumbBackground = 'linear-gradient(180deg, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, 0.04) 100%), #FFFFFF';
|
|
8
|
-
const uncheckedThumbShadow = '0 0 0 0.5px rgba(0, 0, 0, 0.06), 0 1px 1px -0.5px rgba(0, 0, 0, 0.12), 0 2px 2px -1px rgba(0, 0, 0, 0.12), 0 4px 4px -2px rgba(0, 0, 0, 0.12), inset 0 0 2px 1px #FFFFFF';
|
|
9
|
-
const checkedThumbBackground = 'linear-gradient(180deg, rgba(112, 199, 84, 0) 25%, rgba(112, 199, 84, 0.25) 100%), #FFFFFF';
|
|
10
|
-
const checkedThumbShadow = '0 1px 2px -0.5px rgba(66, 134, 44, 0.6), 0 2px 4px -1px rgba(66, 134, 44, 0.6), 0 4px 6px -2px rgba(66, 134, 44, 0.6), 0 0 0 0.5px rgba(0, 0, 0, 0.28), inset 0 0 2px 1px #FFFFFF';
|
|
7
|
+
const uncheckedThumbBackground = 'linear-gradient(180deg, rgba(0, 0, 0, 0) 33%, light-dark(rgba(0, 0, 0, 0.04), rgba(255, 255, 255, 0.08)) 100%), light-dark(#FFFFFF, #1a1a1a)';
|
|
8
|
+
const uncheckedThumbShadow = '0 0 0 0.5px light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.12)), 0 1px 1px -0.5px rgba(0, 0, 0, 0.12), 0 2px 2px -1px rgba(0, 0, 0, 0.12), 0 4px 4px -2px rgba(0, 0, 0, 0.12), inset 0 0 2px 1px light-dark(#FFFFFF, rgba(255, 255, 255, 0.08))';
|
|
9
|
+
const checkedThumbBackground = 'linear-gradient(180deg, rgba(112, 199, 84, 0) 25%, rgba(112, 199, 84, 0.25) 100%), light-dark(#FFFFFF, #f5fff0)';
|
|
10
|
+
const checkedThumbShadow = '0 1px 2px -0.5px rgba(66, 134, 44, 0.6), 0 2px 4px -1px rgba(66, 134, 44, 0.6), 0 4px 6px -2px rgba(66, 134, 44, 0.6), 0 0 0 0.5px light-dark(rgba(0, 0, 0, 0.28), rgba(255, 255, 255, 0.28)), inset 0 0 2px 1px light-dark(#FFFFFF, rgba(255, 255, 255, 0.5))';
|
|
11
11
|
const toggleDefaultAttrs = createMixin((handle, hostType) => (props) => {
|
|
12
12
|
if (hostType !== 'input') {
|
|
13
13
|
return handle.element;
|
|
@@ -39,7 +39,7 @@ const baseStyles = {
|
|
|
39
39
|
padding: 0,
|
|
40
40
|
border: 0,
|
|
41
41
|
borderRadius: '9999px',
|
|
42
|
-
background: 'linear-gradient(180deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%), #EBEBEB',
|
|
42
|
+
background: 'linear-gradient(180deg, light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.08)) 0%, rgba(0, 0, 0, 0) 100%), light-dark(#EBEBEB, #2c2c2c)',
|
|
43
43
|
boxShadow: 'inset 0 0 4px 1px rgba(0, 0, 0, 0.08), inset 0 1px 1px rgba(0, 0, 0, 0.02), inset 0 2px 2px rgba(0, 0, 0, 0.02)',
|
|
44
44
|
verticalAlign: 'middle',
|
|
45
45
|
flex: 'none',
|
|
@@ -61,8 +61,8 @@ const baseStyles = {
|
|
|
61
61
|
opacity: 0.55,
|
|
62
62
|
},
|
|
63
63
|
[checkedSelector]: {
|
|
64
|
-
background: 'linear-gradient(180deg, #70C754 0%, #70C754 100%)',
|
|
65
|
-
boxShadow: '0 1px 0 rgba(255, 255, 255, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.4), 0 -4px 8px 2px #FFFFFF, 0 4px 8px 2px rgba(0, 0, 0, 0.05), 0 0 12px 1px rgba(112, 199, 84, 0.25), inset 0 0 4px 1px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 2px 2px rgba(0, 0, 0, 0.1)',
|
|
64
|
+
background: 'linear-gradient(180deg, light-dark(#70C754, #8ee572) 0%, light-dark(#70C754, #8ee572) 100%)',
|
|
65
|
+
boxShadow: '0 1px 0 rgba(255, 255, 255, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.4), 0 -4px 8px 2px light-dark(#FFFFFF, rgba(255, 255, 255, 0.18)), 0 4px 8px 2px rgba(0, 0, 0, 0.05), 0 0 12px 1px rgba(112, 199, 84, 0.25), inset 0 0 4px 1px rgba(0, 0, 0, 0.25), inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 2px 2px rgba(0, 0, 0, 0.1)',
|
|
66
66
|
},
|
|
67
67
|
[checkedThumbSelector]: {
|
|
68
68
|
background: checkedThumbBackground,
|
package/dist/toggle/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAE9D,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAUnF,MAAM,eAAe,GAAG,4DAA4D,CAAA;AACpF,MAAM,oBAAoB,GACxB,oFAAoF,CAAA;AACtF,MAAM,wBAAwB,GAC5B,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/toggle/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ export interface ToggleControlOptions {
|
|
|
14
14
|
value?: string;
|
|
15
15
|
}
|
|
16
16
|
type ToggleChangeHandler<target extends HTMLElement> = (event: Dispatched<ToggleChangeEvent, target>, signal: AbortSignal) => void | Promise<void>;
|
|
17
|
-
declare const TOGGLE_CHANGE_EVENT:
|
|
17
|
+
declare const TOGGLE_CHANGE_EVENT: 'rmx:toggle-change';
|
|
18
18
|
declare global {
|
|
19
19
|
interface HTMLElementEventMap {
|
|
20
20
|
[TOGGLE_CHANGE_EVENT]: ToggleChangeEvent;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remix-run/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"description": "UI runtime, headless primitives, and styled components for Remix",
|
|
5
5
|
"author": "Ryan Florence <rpflorence@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -67,6 +67,10 @@
|
|
|
67
67
|
"types": "./dist/input/index.d.ts",
|
|
68
68
|
"default": "./dist/input/index.js"
|
|
69
69
|
},
|
|
70
|
+
"./dev/refresh": {
|
|
71
|
+
"types": "./dist/dev/refresh.d.ts",
|
|
72
|
+
"default": "./dist/dev/refresh.js"
|
|
73
|
+
},
|
|
70
74
|
"./jsx-dev-runtime": {
|
|
71
75
|
"types": "./dist/jsx-runtime.d.ts",
|
|
72
76
|
"default": "./dist/jsx-runtime.js"
|
|
@@ -131,11 +135,10 @@
|
|
|
131
135
|
},
|
|
132
136
|
"devDependencies": {
|
|
133
137
|
"@types/node": "^24.6.0",
|
|
134
|
-
"@typescript/native-preview": "7.0.0-dev.20251125.1",
|
|
135
138
|
"playwright": "^1.60.0",
|
|
136
|
-
"typescript": "^
|
|
139
|
+
"typescript": "^7.0.2",
|
|
137
140
|
"@remix-run/assert": "0.3.0",
|
|
138
|
-
"@remix-run/test": "0.
|
|
141
|
+
"@remix-run/test": "0.6.0"
|
|
139
142
|
},
|
|
140
143
|
"dependencies": {
|
|
141
144
|
"@types/dom-navigation": "^1.0.7"
|
|
@@ -154,9 +157,9 @@
|
|
|
154
157
|
"clean": "git clean -fdX",
|
|
155
158
|
"lint": "pnpm -w exec oxlint packages/ui --max-warnings=0",
|
|
156
159
|
"lint:fix": "pnpm -w exec oxlint packages/ui --fix --max-warnings=0",
|
|
157
|
-
"test": "remix
|
|
158
|
-
"test:coverage": "remix
|
|
159
|
-
"test:watch": "remix
|
|
160
|
+
"test": "remix test",
|
|
161
|
+
"test:coverage": "remix test --coverage",
|
|
162
|
+
"test:watch": "remix test --watch",
|
|
160
163
|
"typecheck": "tsc --noEmit"
|
|
161
164
|
}
|
|
162
165
|
}
|
|
@@ -37,7 +37,7 @@ type AnimationState = {
|
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
const animatingNodes = new WeakMap<Element, AnimationState>()
|
|
40
|
-
const initialEntranceSeenByParent = new WeakMap<ParentNode, Set<
|
|
40
|
+
const initialEntranceSeenByParent = new WeakMap<ParentNode, Set<unknown>>()
|
|
41
41
|
|
|
42
42
|
function extractStyleProps(config: AnimateMixinConfig): Keyframe {
|
|
43
43
|
let result: Keyframe = {}
|
|
@@ -152,14 +152,14 @@ function waitForAnimationOrAbort(animation: Animation, signal: AbortSignal): Pro
|
|
|
152
152
|
}
|
|
153
153
|
|
|
154
154
|
function shouldSkipInitialEntrance(
|
|
155
|
-
event: { key?:
|
|
155
|
+
event: { key?: unknown; parent: ParentNode },
|
|
156
156
|
config: AnimateMixinConfig,
|
|
157
157
|
): boolean {
|
|
158
158
|
if (config.initial !== false) return false
|
|
159
159
|
if (event.key == null) return false
|
|
160
160
|
let seenForParent = initialEntranceSeenByParent.get(event.parent)
|
|
161
161
|
if (!seenForParent) {
|
|
162
|
-
seenForParent = new Set<
|
|
162
|
+
seenForParent = new Set<unknown>()
|
|
163
163
|
initialEntranceSeenByParent.set(event.parent, seenForParent)
|
|
164
164
|
}
|
|
165
165
|
if (seenForParent.has(event.key)) return false
|