@remix-run/ui 0.1.1 → 0.2.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 +33 -10
- package/dist/animation/animate-layout-mixin.js +66 -66
- package/dist/animation/animate-layout-mixin.js.map +1 -1
- package/dist/animation/spring.d.ts +6 -35
- package/dist/animation/spring.js +9 -8
- package/dist/animation/spring.js.map +1 -1
- package/dist/components/accordion/accordion.d.ts +7 -7
- package/dist/components/accordion/accordion.js +0 -2
- package/dist/components/accordion/accordion.js.map +1 -1
- package/dist/components/accordion/demos/card.demo.d.ts +6 -0
- package/dist/components/accordion/demos/card.demo.js +58 -0
- package/dist/components/accordion/demos/card.demo.js.map +1 -0
- package/dist/components/accordion/demos/multiple.demo.d.ts +6 -0
- package/dist/components/accordion/demos/multiple.demo.js +19 -0
- package/dist/components/accordion/demos/multiple.demo.js.map +1 -0
- package/dist/components/accordion/demos/overview.demo.d.ts +6 -0
- package/dist/components/accordion/demos/overview.demo.js +19 -0
- package/dist/components/accordion/demos/overview.demo.js.map +1 -0
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +1 -1
- package/dist/components/breadcrumbs/breadcrumbs.js +0 -2
- package/dist/components/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/components/breadcrumbs/demos/basic.demo.d.ts +5 -0
- package/dist/components/breadcrumbs/demos/basic.demo.js +14 -0
- package/dist/components/breadcrumbs/demos/basic.demo.js.map +1 -0
- package/dist/components/breadcrumbs/demos/separator.demo.d.ts +5 -0
- package/dist/components/breadcrumbs/demos/separator.demo.js +14 -0
- package/dist/components/breadcrumbs/demos/separator.demo.js.map +1 -0
- package/dist/components/button/button.d.ts +86 -4
- package/dist/components/button/button.js +63 -3
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/button/demos/aliases.demo.d.ts +6 -0
- package/dist/components/button/demos/aliases.demo.js +18 -0
- package/dist/components/button/demos/aliases.demo.js.map +1 -0
- package/dist/components/button/demos/basic.demo.d.ts +6 -0
- package/dist/components/button/demos/basic.demo.js +19 -0
- package/dist/components/button/demos/basic.demo.js.map +1 -0
- package/dist/components/button/demos/states.demo.d.ts +6 -0
- package/dist/components/button/demos/states.demo.js +29 -0
- package/dist/components/button/demos/states.demo.js.map +1 -0
- package/dist/components/combobox/combobox.d.ts +11 -11
- package/dist/components/combobox/combobox.js +0 -2
- package/dist/components/combobox/combobox.js.map +1 -1
- package/dist/components/combobox/demos/overview.demo.d.ts +6 -0
- package/dist/components/combobox/demos/overview.demo.js +153 -0
- package/dist/components/combobox/demos/overview.demo.js.map +1 -0
- package/dist/components/listbox/demos/overview.demo.d.ts +6 -0
- package/dist/components/listbox/demos/overview.demo.js +64 -0
- package/dist/components/listbox/demos/overview.demo.js.map +1 -0
- package/dist/components/listbox/listbox.d.ts +4 -9
- package/dist/components/listbox/listbox.js +21 -33
- package/dist/components/listbox/listbox.js.map +1 -1
- package/dist/components/menu/demos/bubbling.demo.d.ts +5 -0
- package/dist/components/menu/demos/bubbling.demo.js +15 -0
- package/dist/components/menu/demos/bubbling.demo.js.map +1 -0
- package/dist/components/menu/demos/overview.demo.d.ts +6 -0
- package/dist/components/menu/demos/overview.demo.js +32 -0
- package/dist/components/menu/demos/overview.demo.js.map +1 -0
- package/dist/components/menu/menu.d.ts +15 -24
- package/dist/components/menu/menu.js +23 -38
- package/dist/components/menu/menu.js.map +1 -1
- package/dist/components/popover/demos/overview.demo.d.ts +6 -0
- package/dist/components/popover/demos/overview.demo.js +64 -0
- package/dist/components/popover/demos/overview.demo.js.map +1 -0
- package/dist/components/popover/popover.d.ts +5 -5
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/select/demos/deconstructed.demo.d.ts +6 -0
- package/dist/components/select/demos/deconstructed.demo.js +53 -0
- package/dist/components/select/demos/deconstructed.demo.js.map +1 -0
- package/dist/components/select/demos/overview.demo.d.ts +5 -0
- package/dist/components/select/demos/overview.demo.js +27 -0
- package/dist/components/select/demos/overview.demo.js.map +1 -0
- package/dist/components/select/select.d.ts +11 -11
- package/dist/components/select/select.js +17 -26
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/tabs/tabs.d.ts +6 -6
- package/dist/components/tabs/tabs.js +0 -2
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js.map +1 -1
- package/dist/interactions/keydown/keydown.d.ts +1 -1
- package/dist/interactions/outside-click/outside-click-mixin.d.ts +2 -1
- package/dist/interactions/typeahead/typeahead-mixin.d.ts +3 -1
- package/dist/runtime/component.d.ts +18 -12
- package/dist/runtime/component.js +93 -80
- package/dist/runtime/component.js.map +1 -1
- package/dist/runtime/core/attributes.d.ts +14 -0
- package/dist/runtime/core/attributes.js +103 -0
- package/dist/runtime/core/attributes.js.map +1 -0
- package/dist/runtime/core/children.d.ts +7 -0
- package/dist/runtime/core/children.js +30 -0
- package/dist/runtime/core/children.js.map +1 -0
- package/dist/runtime/core/props.d.ts +9 -0
- package/dist/runtime/core/props.js +170 -0
- package/dist/runtime/core/props.js.map +1 -0
- package/dist/runtime/core/vnode.d.ts +3 -0
- package/dist/runtime/core/vnode.js +39 -0
- package/dist/runtime/core/vnode.js.map +1 -0
- package/dist/runtime/create-element.js +2 -1
- package/dist/runtime/create-element.js.map +1 -1
- package/dist/runtime/diff-dom.js +47 -14
- package/dist/runtime/diff-dom.js.map +1 -1
- package/dist/runtime/diff-props.d.ts +1 -2
- package/dist/runtime/diff-props.js +2 -181
- package/dist/runtime/diff-props.js.map +1 -1
- package/dist/runtime/dom.d.ts +20 -9
- package/dist/runtime/frame.d.ts +23 -2
- package/dist/runtime/frame.js +41 -47
- package/dist/runtime/frame.js.map +1 -1
- package/dist/runtime/jsx.d.ts +1 -1
- package/dist/runtime/jsx.js +2 -28
- package/dist/runtime/jsx.js.map +1 -1
- package/dist/runtime/mixins/link-mixin.d.ts +5 -1
- package/dist/runtime/mixins/link-mixin.js.map +1 -1
- package/dist/runtime/mixins/mixin.d.ts +2 -1
- package/dist/runtime/mixins/mixin.js +9 -4
- package/dist/runtime/mixins/mixin.js.map +1 -1
- package/dist/runtime/mixins/on-mixin.d.ts +15 -4
- package/dist/runtime/mixins/on-mixin.js +9 -2
- package/dist/runtime/mixins/on-mixin.js.map +1 -1
- package/dist/runtime/mixins/ref-mixin.d.ts +2 -1
- package/dist/runtime/mixins/ref-mixin.js.map +1 -1
- package/dist/runtime/navigation.js +9 -1
- package/dist/runtime/navigation.js.map +1 -1
- package/dist/runtime/reconcile.d.ts +1 -1
- package/dist/runtime/reconcile.js +452 -197
- package/dist/runtime/reconcile.js.map +1 -1
- package/dist/runtime/run.d.ts +17 -2
- package/dist/runtime/run.js.map +1 -1
- package/dist/runtime/scheduler.d.ts +10 -10
- package/dist/runtime/scheduler.js +1 -1
- package/dist/runtime/scheduler.js.map +1 -1
- package/dist/runtime/stream-protocol.d.ts +8 -0
- package/dist/runtime/stream-protocol.js +20 -0
- package/dist/runtime/stream-protocol.js.map +1 -0
- package/dist/runtime/svg-attributes.js +1 -0
- package/dist/runtime/svg-attributes.js.map +1 -1
- package/dist/runtime/to-vnode.js +7 -11
- package/dist/runtime/to-vnode.js.map +1 -1
- package/dist/runtime/vnode.d.ts +11 -5
- package/dist/runtime/vnode.js +6 -3
- package/dist/runtime/vnode.js.map +1 -1
- package/dist/server/stream.d.ts +2 -0
- package/dist/server/stream.js +154 -114
- package/dist/server/stream.js.map +1 -1
- package/dist/style/css-mixin.d.ts +2 -1
- package/dist/style/css-mixin.js.map +1 -1
- package/dist/style/index.d.ts +1 -1
- package/dist/style/layers.d.ts +2 -0
- package/dist/style/layers.js +3 -0
- package/dist/style/layers.js.map +1 -0
- package/dist/style/stylesheet.d.ts +13 -11
- package/dist/style/stylesheet.js +69 -8
- package/dist/style/stylesheet.js.map +1 -1
- package/dist/theme/contract.d.ts +24 -222
- package/dist/theme/contract.js +2 -2
- package/dist/theme/contract.js.map +1 -1
- package/dist/theme/glyph-contract.d.ts +1 -3
- package/dist/theme/glyph-contract.js.map +1 -1
- package/dist/theme/presets/rmx-01/index.d.ts +4 -2
- package/dist/theme/presets/rmx-01/index.js.map +1 -1
- package/dist/theme/runtime.js +4 -1
- package/dist/theme/runtime.js.map +1 -1
- package/dist/utils/scroll-lock.d.ts +3 -3
- package/dist/utils/scroll-lock.js.map +1 -1
- package/package.json +3 -3
- package/src/animation/README.md +316 -0
- package/src/animation/animate-layout-mixin.ts +79 -71
- package/src/animation/spring.ts +21 -9
- package/src/components/accordion/README.md +166 -0
- package/src/components/accordion/accordion.tsx +14 -14
- package/src/components/accordion/demos/card.demo.tsx +113 -0
- package/src/components/accordion/demos/multiple.demo.tsx +56 -0
- package/src/components/accordion/demos/overview.demo.tsx +56 -0
- package/src/components/anchor/README.md +153 -0
- package/src/components/anchor/anchor.ts +1 -1
- package/src/components/breadcrumbs/README.md +55 -0
- package/src/components/breadcrumbs/breadcrumbs.tsx +1 -3
- package/src/components/breadcrumbs/demos/basic.demo.tsx +17 -0
- package/src/components/breadcrumbs/demos/separator.demo.tsx +18 -0
- package/src/components/button/README.md +4 -4
- package/src/components/button/button.tsx +118 -20
- package/src/components/button/demos/aliases.demo.tsx +27 -0
- package/src/components/button/demos/basic.demo.tsx +30 -0
- package/src/components/button/demos/states.demo.tsx +52 -0
- package/src/components/combobox/README.md +1 -1
- package/src/components/combobox/combobox.tsx +37 -21
- package/src/components/combobox/demos/overview.demo.tsx +199 -0
- package/src/components/glyph/README.md +72 -0
- package/src/components/glyph/glyph.tsx +2 -2
- package/src/components/listbox/README.md +115 -0
- package/src/components/listbox/demos/overview.demo.tsx +101 -0
- package/src/components/listbox/listbox.ts +106 -110
- package/src/components/menu/README.md +96 -0
- package/src/components/menu/demos/bubbling.demo.tsx +34 -0
- package/src/components/menu/demos/overview.demo.tsx +76 -0
- package/src/components/menu/menu.tsx +61 -55
- package/src/components/popover/README.md +3 -3
- package/src/components/popover/demos/overview.demo.tsx +143 -0
- package/src/components/popover/popover.ts +90 -79
- package/src/components/select/README.md +107 -0
- package/src/components/select/demos/deconstructed.demo.tsx +95 -0
- package/src/components/select/demos/overview.demo.tsx +51 -0
- package/src/components/select/select.tsx +53 -36
- package/src/components/tabs/tabs.tsx +10 -5
- package/src/index.ts +2 -1
- package/src/runtime/component.ts +122 -88
- package/src/runtime/core/attributes.ts +118 -0
- package/src/runtime/core/children.ts +42 -0
- package/src/runtime/core/props.ts +187 -0
- package/src/runtime/core/vnode.ts +48 -0
- package/src/runtime/create-element.ts +2 -1
- package/src/runtime/diff-dom.ts +59 -12
- package/src/runtime/diff-props.ts +2 -187
- package/src/runtime/dom.ts +20 -9
- package/src/runtime/frame.ts +71 -55
- package/src/runtime/jsx.ts +3 -30
- package/src/runtime/mixins/link-mixin.ts +88 -86
- package/src/runtime/mixins/mixin.ts +18 -5
- package/src/runtime/mixins/on-mixin.ts +20 -12
- package/src/runtime/mixins/ref-mixin.ts +4 -5
- package/src/runtime/navigation.ts +10 -1
- package/src/runtime/reconcile.ts +563 -223
- package/src/runtime/run.ts +17 -1
- package/src/runtime/scheduler.ts +20 -20
- package/src/runtime/stream-protocol.ts +27 -0
- package/src/runtime/svg-attributes.ts +1 -0
- package/src/runtime/to-vnode.ts +7 -10
- package/src/runtime/vnode.ts +16 -9
- package/src/server/README.md +90 -0
- package/src/server/stream.ts +176 -124
- package/src/style/css-mixin.ts +6 -1
- package/src/style/index.ts +1 -2
- package/src/style/layers.ts +2 -0
- package/src/style/stylesheet.ts +88 -11
- package/src/test/README.md +107 -0
- package/src/test/utils.ts +3 -1
- package/src/theme/README.md +103 -0
- package/src/theme/contract.ts +37 -5
- package/src/theme/glyph-contract.ts +3 -1
- package/src/theme/presets/rmx-01/index.ts +4 -2
- package/src/theme/runtime.ts +4 -1
- package/src/utils/scroll-lock/README.md +33 -0
- package/src/utils/scroll-lock.ts +7 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"layers.js","sourceRoot":"","sources":["../../src/style/layers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAA;AACzC,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAA"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
type ServerStyleSource = ParentNode | Iterable<Node>;
|
|
2
|
-
export
|
|
3
|
-
insert
|
|
4
|
-
remove
|
|
5
|
-
has
|
|
6
|
-
getGeneration
|
|
7
|
-
reset
|
|
8
|
-
adoptServerStyles
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
export type ServerStyleSource = ParentNode | Iterable<Node>;
|
|
2
|
+
export interface StyleManager {
|
|
3
|
+
insert(className: string, rule: string): void;
|
|
4
|
+
remove(className: string): void;
|
|
5
|
+
has(className: string): boolean;
|
|
6
|
+
getGeneration(): number;
|
|
7
|
+
reset(): void;
|
|
8
|
+
adoptServerStyles(source: ServerStyleSource): Set<string>;
|
|
9
|
+
replaceServerStyles(source: ServerStyleSource): void;
|
|
10
|
+
selectors(): IterableIterator<string>;
|
|
11
|
+
dispose(): void;
|
|
12
|
+
}
|
|
13
|
+
export declare function createStyleManager(layer?: string): StyleManager;
|
package/dist/style/stylesheet.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { REMIX_UI_STYLE_LAYER } from "./layers.js";
|
|
1
2
|
const SERVER_STYLE_SELECTOR = 'style[data-rmx]';
|
|
2
|
-
|
|
3
|
-
function getStyleLayerName(className, layer = DEFAULT_STYLE_LAYER) {
|
|
3
|
+
function getStyleLayerName(className, layer = REMIX_UI_STYLE_LAYER) {
|
|
4
4
|
return `${layer}.${className}`;
|
|
5
5
|
}
|
|
6
6
|
function compareNodesInDocumentOrder(a, b) {
|
|
@@ -53,12 +53,18 @@ function getStyleSelector(styleEl) {
|
|
|
53
53
|
let selector = styleEl.getAttribute('data-rmx')?.trim();
|
|
54
54
|
return selector ? selector : null;
|
|
55
55
|
}
|
|
56
|
-
export function createStyleManager(layer =
|
|
56
|
+
export function createStyleManager(layer = REMIX_UI_STYLE_LAYER) {
|
|
57
57
|
let stylesheet = null;
|
|
58
58
|
let generation = 0;
|
|
59
59
|
// Track usage count and rule index per className
|
|
60
60
|
// Using an object to track both count and index together
|
|
61
61
|
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();
|
|
62
68
|
function getStylesheet() {
|
|
63
69
|
if (!stylesheet) {
|
|
64
70
|
stylesheet = new CSSStyleSheet();
|
|
@@ -82,25 +88,36 @@ export function createStyleManager(layer = 'rmx') {
|
|
|
82
88
|
function adoptServerStyleTag(styleEl) {
|
|
83
89
|
let selector = getStyleSelector(styleEl);
|
|
84
90
|
if (!selector)
|
|
85
|
-
return;
|
|
91
|
+
return undefined;
|
|
86
92
|
if (ruleMap.has(selector)) {
|
|
93
|
+
// Already tracked. Take an adoption ref if we don't already have one —
|
|
94
|
+
// the rule may have been inserted by a client-side css mixin first and
|
|
95
|
+
// the SSR'd style tag arrived afterwards (e.g. a streamed fragment).
|
|
96
|
+
if (!adoptedSelectors.has(selector)) {
|
|
97
|
+
let entry = ruleMap.get(selector);
|
|
98
|
+
entry.count++;
|
|
99
|
+
adoptedSelectors.add(selector);
|
|
100
|
+
}
|
|
87
101
|
styleEl.remove();
|
|
88
|
-
return;
|
|
102
|
+
return selector;
|
|
89
103
|
}
|
|
90
104
|
let cssText = styleEl.textContent?.trim() ?? '';
|
|
91
105
|
if (cssText.length === 0) {
|
|
92
106
|
styleEl.remove();
|
|
93
|
-
return;
|
|
107
|
+
return undefined;
|
|
94
108
|
}
|
|
95
109
|
try {
|
|
96
110
|
let sheet = getStylesheet();
|
|
97
111
|
let index = sheet.cssRules.length;
|
|
98
112
|
sheet.insertRule(cssText, index);
|
|
99
113
|
ruleMap.set(selector, { count: 1, index });
|
|
114
|
+
adoptedSelectors.add(selector);
|
|
100
115
|
styleEl.remove();
|
|
116
|
+
return selector;
|
|
101
117
|
}
|
|
102
118
|
catch {
|
|
103
119
|
// If adoption fails, keep the <style> tag in the DOM so styles still apply.
|
|
120
|
+
return undefined;
|
|
104
121
|
}
|
|
105
122
|
}
|
|
106
123
|
function has(className) {
|
|
@@ -139,6 +156,7 @@ export function createStyleManager(layer = 'rmx') {
|
|
|
139
156
|
let indexToDelete = entry.index;
|
|
140
157
|
// Remove from tracking
|
|
141
158
|
ruleMap.delete(className);
|
|
159
|
+
adoptedSelectors.delete(className);
|
|
142
160
|
// TODO: just search and remove, stop re-indexing
|
|
143
161
|
if (!stylesheet)
|
|
144
162
|
return;
|
|
@@ -154,21 +172,64 @@ export function createStyleManager(layer = 'rmx') {
|
|
|
154
172
|
function reset() {
|
|
155
173
|
clearStylesheet();
|
|
156
174
|
ruleMap.clear();
|
|
175
|
+
adoptedSelectors.clear();
|
|
157
176
|
removeStylesheet();
|
|
158
177
|
generation++;
|
|
159
178
|
}
|
|
160
179
|
function adoptServerStyles(source) {
|
|
161
180
|
let styles = collectServerStyleTags(source);
|
|
181
|
+
let adopted = new Set();
|
|
162
182
|
for (let styleEl of styles) {
|
|
163
|
-
adoptServerStyleTag(styleEl);
|
|
183
|
+
let selector = adoptServerStyleTag(styleEl);
|
|
184
|
+
if (selector)
|
|
185
|
+
adopted.add(selector);
|
|
164
186
|
}
|
|
187
|
+
return adopted;
|
|
188
|
+
}
|
|
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
|
+
function selectors() {
|
|
214
|
+
return ruleMap.keys();
|
|
165
215
|
}
|
|
166
216
|
function dispose() {
|
|
167
217
|
removeStylesheet();
|
|
168
218
|
// Clear internal state
|
|
169
219
|
ruleMap.clear();
|
|
220
|
+
adoptedSelectors.clear();
|
|
170
221
|
generation++;
|
|
171
222
|
}
|
|
172
|
-
return {
|
|
223
|
+
return {
|
|
224
|
+
insert,
|
|
225
|
+
remove,
|
|
226
|
+
has,
|
|
227
|
+
getGeneration,
|
|
228
|
+
reset,
|
|
229
|
+
adoptServerStyles,
|
|
230
|
+
replaceServerStyles,
|
|
231
|
+
selectors,
|
|
232
|
+
dispose,
|
|
233
|
+
};
|
|
173
234
|
}
|
|
174
235
|
//# sourceMappingURL=stylesheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stylesheet.js","sourceRoot":"","sources":["../../src/style/stylesheet.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"stylesheet.js","sourceRoot":"","sources":["../../src/style/stylesheet.ts"],"names":[],"mappings":"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"}
|
package/dist/theme/contract.d.ts
CHANGED
|
@@ -2,124 +2,39 @@ import type { css, Handle, MixinDescriptor, RemixElement } from '@remix-run/ui';
|
|
|
2
2
|
export interface ThemeVariableTree {
|
|
3
3
|
[key: string]: string | ThemeVariableTree;
|
|
4
4
|
}
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
readonly radius: {
|
|
17
|
-
readonly none: "--rmx-radius-none";
|
|
18
|
-
readonly sm: "--rmx-radius-sm";
|
|
19
|
-
readonly md: "--rmx-radius-md";
|
|
20
|
-
readonly lg: "--rmx-radius-lg";
|
|
21
|
-
readonly xl: "--rmx-radius-xl";
|
|
22
|
-
readonly full: "--rmx-radius-full";
|
|
23
|
-
};
|
|
24
|
-
readonly fontFamily: {
|
|
25
|
-
readonly sans: "--rmx-font-family-sans";
|
|
26
|
-
readonly mono: "--rmx-font-family-mono";
|
|
27
|
-
};
|
|
28
|
-
readonly fontSize: {
|
|
29
|
-
readonly xxxs: "--rmx-font-size-xxxs";
|
|
30
|
-
readonly xxs: "--rmx-font-size-xxs";
|
|
31
|
-
readonly xs: "--rmx-font-size-xs";
|
|
32
|
-
readonly sm: "--rmx-font-size-sm";
|
|
33
|
-
readonly md: "--rmx-font-size-md";
|
|
34
|
-
readonly lg: "--rmx-font-size-lg";
|
|
35
|
-
readonly xl: "--rmx-font-size-xl";
|
|
36
|
-
readonly xxl: "--rmx-font-size-xxl";
|
|
37
|
-
};
|
|
38
|
-
readonly lineHeight: {
|
|
39
|
-
readonly tight: "--rmx-line-height-tight";
|
|
40
|
-
readonly normal: "--rmx-line-height-normal";
|
|
41
|
-
readonly relaxed: "--rmx-line-height-relaxed";
|
|
42
|
-
};
|
|
43
|
-
readonly letterSpacing: {
|
|
44
|
-
readonly tight: "--rmx-letter-spacing-tight";
|
|
45
|
-
readonly normal: "--rmx-letter-spacing-normal";
|
|
46
|
-
readonly meta: "--rmx-letter-spacing-meta";
|
|
47
|
-
readonly wide: "--rmx-letter-spacing-wide";
|
|
48
|
-
};
|
|
49
|
-
readonly fontWeight: {
|
|
50
|
-
readonly normal: "--rmx-font-weight-normal";
|
|
51
|
-
readonly medium: "--rmx-font-weight-medium";
|
|
52
|
-
readonly semibold: "--rmx-font-weight-semibold";
|
|
53
|
-
readonly bold: "--rmx-font-weight-bold";
|
|
54
|
-
};
|
|
5
|
+
type ThemeVariableGroup<key extends string> = Readonly<Record<key, string>>;
|
|
6
|
+
type ThemeActionVariableGroup = ThemeVariableGroup<'background' | 'backgroundHover' | 'backgroundActive' | 'foreground' | 'border'>;
|
|
7
|
+
type ThemeVariableNames = {
|
|
8
|
+
readonly space: ThemeVariableGroup<'none' | 'px' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
|
|
9
|
+
readonly radius: ThemeVariableGroup<'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'>;
|
|
10
|
+
readonly fontFamily: ThemeVariableGroup<'sans' | 'mono'>;
|
|
11
|
+
readonly fontSize: ThemeVariableGroup<'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'>;
|
|
12
|
+
readonly lineHeight: ThemeVariableGroup<'tight' | 'normal' | 'relaxed'>;
|
|
13
|
+
readonly letterSpacing: ThemeVariableGroup<'tight' | 'normal' | 'meta' | 'wide'>;
|
|
14
|
+
readonly fontWeight: ThemeVariableGroup<'normal' | 'medium' | 'semibold' | 'bold'>;
|
|
55
15
|
readonly control: {
|
|
56
|
-
readonly height:
|
|
57
|
-
readonly sm: "--rmx-control-height-sm";
|
|
58
|
-
readonly md: "--rmx-control-height-md";
|
|
59
|
-
readonly lg: "--rmx-control-height-lg";
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
readonly surface: {
|
|
63
|
-
readonly lvl0: "--rmx-surface-lvl0";
|
|
64
|
-
readonly lvl1: "--rmx-surface-lvl1";
|
|
65
|
-
readonly lvl2: "--rmx-surface-lvl2";
|
|
66
|
-
readonly lvl3: "--rmx-surface-lvl3";
|
|
67
|
-
readonly lvl4: "--rmx-surface-lvl4";
|
|
68
|
-
};
|
|
69
|
-
readonly shadow: {
|
|
70
|
-
readonly xs: "--rmx-shadow-xs";
|
|
71
|
-
readonly sm: "--rmx-shadow-sm";
|
|
72
|
-
readonly md: "--rmx-shadow-md";
|
|
73
|
-
readonly lg: "--rmx-shadow-lg";
|
|
74
|
-
readonly xl: "--rmx-shadow-xl";
|
|
16
|
+
readonly height: ThemeVariableGroup<'sm' | 'md' | 'lg'>;
|
|
75
17
|
};
|
|
18
|
+
readonly surface: ThemeVariableGroup<'lvl0' | 'lvl1' | 'lvl2' | 'lvl3' | 'lvl4'>;
|
|
19
|
+
readonly shadow: ThemeVariableGroup<'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
|
|
76
20
|
readonly colors: {
|
|
77
|
-
readonly text:
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
readonly link: "--rmx-color-text-link";
|
|
82
|
-
};
|
|
83
|
-
readonly border: {
|
|
84
|
-
readonly subtle: "--rmx-color-border-subtle";
|
|
85
|
-
readonly default: "--rmx-color-border-default";
|
|
86
|
-
readonly strong: "--rmx-color-border-strong";
|
|
87
|
-
};
|
|
88
|
-
readonly focus: {
|
|
89
|
-
readonly ring: "--rmx-color-focus-ring";
|
|
90
|
-
};
|
|
91
|
-
readonly overlay: {
|
|
92
|
-
readonly scrim: "--rmx-color-overlay-scrim";
|
|
93
|
-
};
|
|
21
|
+
readonly text: ThemeVariableGroup<'primary' | 'secondary' | 'muted' | 'link'>;
|
|
22
|
+
readonly border: ThemeVariableGroup<'subtle' | 'default' | 'strong'>;
|
|
23
|
+
readonly focus: ThemeVariableGroup<'ring'>;
|
|
24
|
+
readonly overlay: ThemeVariableGroup<'scrim'>;
|
|
94
25
|
readonly action: {
|
|
95
|
-
readonly primary:
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
readonly backgroundActive: "--rmx-color-action-primary-background-active";
|
|
99
|
-
readonly foreground: "--rmx-color-action-primary-foreground";
|
|
100
|
-
readonly border: "--rmx-color-action-primary-border";
|
|
101
|
-
};
|
|
102
|
-
readonly secondary: {
|
|
103
|
-
readonly background: "--rmx-color-action-secondary-background";
|
|
104
|
-
readonly backgroundHover: "--rmx-color-action-secondary-background-hover";
|
|
105
|
-
readonly backgroundActive: "--rmx-color-action-secondary-background-active";
|
|
106
|
-
readonly foreground: "--rmx-color-action-secondary-foreground";
|
|
107
|
-
readonly border: "--rmx-color-action-secondary-border";
|
|
108
|
-
};
|
|
109
|
-
readonly danger: {
|
|
110
|
-
readonly background: "--rmx-color-action-danger-background";
|
|
111
|
-
readonly backgroundHover: "--rmx-color-action-danger-background-hover";
|
|
112
|
-
readonly backgroundActive: "--rmx-color-action-danger-background-active";
|
|
113
|
-
readonly foreground: "--rmx-color-action-danger-foreground";
|
|
114
|
-
readonly border: "--rmx-color-action-danger-border";
|
|
115
|
-
};
|
|
26
|
+
readonly primary: ThemeActionVariableGroup;
|
|
27
|
+
readonly secondary: ThemeActionVariableGroup;
|
|
28
|
+
readonly danger: ThemeActionVariableGroup;
|
|
116
29
|
};
|
|
117
30
|
};
|
|
118
31
|
};
|
|
32
|
+
export declare const themeVariableNames: ThemeVariableNames;
|
|
119
33
|
type MapLeaves<source, leaf> = source extends string ? leaf : {
|
|
120
34
|
[key in keyof source]: MapLeaves<source[key], leaf>;
|
|
121
35
|
};
|
|
122
36
|
export type ThemeValue = string | number;
|
|
37
|
+
export type ThemeContract = MapLeaves<ThemeVariableNames, string>;
|
|
123
38
|
export type ThemeValues = MapLeaves<typeof themeVariableNames, ThemeValue>;
|
|
124
39
|
export type ThemeVars = Readonly<Record<string, string>>;
|
|
125
40
|
export type CreateThemeOptions = {
|
|
@@ -137,123 +52,10 @@ export type ThemeComponent = ThemeRenderer & {
|
|
|
137
52
|
values: ThemeValues;
|
|
138
53
|
vars: ThemeVars;
|
|
139
54
|
};
|
|
140
|
-
export declare const theme:
|
|
141
|
-
readonly space: {
|
|
142
|
-
readonly none: string;
|
|
143
|
-
readonly px: string;
|
|
144
|
-
readonly xs: string;
|
|
145
|
-
readonly sm: string;
|
|
146
|
-
readonly md: string;
|
|
147
|
-
readonly lg: string;
|
|
148
|
-
readonly xl: string;
|
|
149
|
-
readonly xxl: string;
|
|
150
|
-
};
|
|
151
|
-
readonly radius: {
|
|
152
|
-
readonly none: string;
|
|
153
|
-
readonly sm: string;
|
|
154
|
-
readonly md: string;
|
|
155
|
-
readonly lg: string;
|
|
156
|
-
readonly xl: string;
|
|
157
|
-
readonly full: string;
|
|
158
|
-
};
|
|
159
|
-
readonly fontFamily: {
|
|
160
|
-
readonly sans: string;
|
|
161
|
-
readonly mono: string;
|
|
162
|
-
};
|
|
163
|
-
readonly fontSize: {
|
|
164
|
-
readonly xxxs: string;
|
|
165
|
-
readonly xxs: string;
|
|
166
|
-
readonly xs: string;
|
|
167
|
-
readonly sm: string;
|
|
168
|
-
readonly md: string;
|
|
169
|
-
readonly lg: string;
|
|
170
|
-
readonly xl: string;
|
|
171
|
-
readonly xxl: string;
|
|
172
|
-
};
|
|
173
|
-
readonly lineHeight: {
|
|
174
|
-
readonly tight: string;
|
|
175
|
-
readonly normal: string;
|
|
176
|
-
readonly relaxed: string;
|
|
177
|
-
};
|
|
178
|
-
readonly letterSpacing: {
|
|
179
|
-
readonly tight: string;
|
|
180
|
-
readonly normal: string;
|
|
181
|
-
readonly meta: string;
|
|
182
|
-
readonly wide: string;
|
|
183
|
-
};
|
|
184
|
-
readonly fontWeight: {
|
|
185
|
-
readonly normal: string;
|
|
186
|
-
readonly medium: string;
|
|
187
|
-
readonly semibold: string;
|
|
188
|
-
readonly bold: string;
|
|
189
|
-
};
|
|
190
|
-
readonly control: {
|
|
191
|
-
readonly height: {
|
|
192
|
-
readonly sm: string;
|
|
193
|
-
readonly md: string;
|
|
194
|
-
readonly lg: string;
|
|
195
|
-
};
|
|
196
|
-
};
|
|
197
|
-
readonly surface: {
|
|
198
|
-
readonly lvl0: string;
|
|
199
|
-
readonly lvl1: string;
|
|
200
|
-
readonly lvl2: string;
|
|
201
|
-
readonly lvl3: string;
|
|
202
|
-
readonly lvl4: string;
|
|
203
|
-
};
|
|
204
|
-
readonly shadow: {
|
|
205
|
-
readonly xs: string;
|
|
206
|
-
readonly sm: string;
|
|
207
|
-
readonly md: string;
|
|
208
|
-
readonly lg: string;
|
|
209
|
-
readonly xl: string;
|
|
210
|
-
};
|
|
211
|
-
readonly colors: {
|
|
212
|
-
readonly text: {
|
|
213
|
-
readonly primary: string;
|
|
214
|
-
readonly secondary: string;
|
|
215
|
-
readonly muted: string;
|
|
216
|
-
readonly link: string;
|
|
217
|
-
};
|
|
218
|
-
readonly border: {
|
|
219
|
-
readonly subtle: string;
|
|
220
|
-
readonly default: string;
|
|
221
|
-
readonly strong: string;
|
|
222
|
-
};
|
|
223
|
-
readonly focus: {
|
|
224
|
-
readonly ring: string;
|
|
225
|
-
};
|
|
226
|
-
readonly overlay: {
|
|
227
|
-
readonly scrim: string;
|
|
228
|
-
};
|
|
229
|
-
readonly action: {
|
|
230
|
-
readonly primary: {
|
|
231
|
-
readonly background: string;
|
|
232
|
-
readonly backgroundHover: string;
|
|
233
|
-
readonly backgroundActive: string;
|
|
234
|
-
readonly foreground: string;
|
|
235
|
-
readonly border: string;
|
|
236
|
-
};
|
|
237
|
-
readonly secondary: {
|
|
238
|
-
readonly background: string;
|
|
239
|
-
readonly backgroundHover: string;
|
|
240
|
-
readonly backgroundActive: string;
|
|
241
|
-
readonly foreground: string;
|
|
242
|
-
readonly border: string;
|
|
243
|
-
};
|
|
244
|
-
readonly danger: {
|
|
245
|
-
readonly background: string;
|
|
246
|
-
readonly backgroundHover: string;
|
|
247
|
-
readonly backgroundActive: string;
|
|
248
|
-
readonly foreground: string;
|
|
249
|
-
readonly border: string;
|
|
250
|
-
};
|
|
251
|
-
};
|
|
252
|
-
};
|
|
253
|
-
};
|
|
55
|
+
export declare const theme: ThemeContract;
|
|
254
56
|
export type ThemeUtility = ReturnType<typeof css>;
|
|
255
57
|
type ThemeMixLeaf = MixinDescriptor<any, any, any>;
|
|
256
58
|
type PreviousThemeMixDepth = [0, 0, 1, 2, 3, 4];
|
|
257
59
|
type NestedThemeMix<value, depth extends number = 4> = depth extends 0 ? value | ReadonlyArray<value> : value | ReadonlyArray<NestedThemeMix<value, PreviousThemeMixDepth[depth]>>;
|
|
258
60
|
export type ThemeMix = NestedThemeMix<ThemeMixLeaf>;
|
|
259
|
-
export {
|
|
61
|
+
export {};
|
package/dist/theme/contract.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const
|
|
1
|
+
const themeVariableNamesSource = {
|
|
2
2
|
space: {
|
|
3
3
|
none: '--rmx-space-none',
|
|
4
4
|
px: '--rmx-space-px',
|
|
@@ -112,8 +112,8 @@ const themeVariableNames = {
|
|
|
112
112
|
},
|
|
113
113
|
},
|
|
114
114
|
};
|
|
115
|
+
export const themeVariableNames = themeVariableNamesSource;
|
|
115
116
|
export const theme = createThemeContract(themeVariableNames);
|
|
116
|
-
export { themeVariableNames };
|
|
117
117
|
function createThemeContract(tree) {
|
|
118
118
|
return mapTreeLeaves(tree, (variableName) => `var(${variableName})`);
|
|
119
119
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contract.js","sourceRoot":"","sources":["../../src/theme/contract.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"contract.js","sourceRoot":"","sources":["../../src/theme/contract.ts"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,4 @@ export type GlyphValues = {
|
|
|
8
8
|
export type GlyphContract = Readonly<Record<GlyphName, {
|
|
9
9
|
id: string;
|
|
10
10
|
}>>;
|
|
11
|
-
export declare const glyphContract:
|
|
12
|
-
id: string;
|
|
13
|
-
}>>>;
|
|
11
|
+
export declare const glyphContract: GlyphContract;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"glyph-contract.js","sourceRoot":"","sources":["../../src/theme/glyph-contract.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK;IACL,OAAO;IACP,OAAO;IACP,aAAa;IACb,iBAAiB;IACjB,WAAW;IACX,cAAc;IACd,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;CACC,CAAA;AAYV,MAAM,uBAAuB,GAAG,WAAW,CAAA;AAE3C,MAAM,CAAC,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"glyph-contract.js","sourceRoot":"","sources":["../../src/theme/glyph-contract.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK;IACL,OAAO;IACP,OAAO;IACP,aAAa;IACb,iBAAiB;IACjB,WAAW;IACX,cAAc;IACd,OAAO;IACP,MAAM;IACN,MAAM;IACN,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;CACC,CAAA;AAYV,MAAM,uBAAuB,GAAG,WAAW,CAAA;AAE3C,MAAM,CAAC,MAAM,aAAa,GAAkB,MAAM,CAAC,MAAM,CACvD,mBAAmB,CAAC,uBAAuB,CAAC,CAC7C,CAAA;AAED,SAAS,cAAc,CAAC,QAAgB;IACtC,OAAO,MAAM,CAAC,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,GAAG,QAAQ,IAAI,IAAI,EAAE,CAAC,CAAC,CAGhF,CAAA;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,QAAgB;IAC3C,IAAI,GAAG,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAA;IAElC,OAAO,MAAM,CAAC,MAAM,CAClB,MAAM,CAAC,WAAW,CAChB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;QACvB,IAAI;QACJ;YACE,EAAE,EAAE,GAAG,CAAC,IAAI,CAAC;SACd;KACF,CAAC,CACc,CACnB,CAAA;AACH,CAAC"}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import type { GlyphSheetComponent } from '../../../components/glyph/glyph.tsx';
|
|
2
|
+
import type { ThemeComponent } from '../../contract.ts';
|
|
3
|
+
export declare const RMX_01: ThemeComponent;
|
|
4
|
+
export declare const RMX_01_GLYPHS: GlyphSheetComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/presets/rmx-01/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/theme/presets/rmx-01/index.ts"],"names":[],"mappings":"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"}
|
package/dist/theme/runtime.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { createElement } from '@remix-run/ui';
|
|
2
|
+
import { REMIX_UI_RESET_LAYER, REMIX_UI_STYLE_LAYER } from "../style/layers.js";
|
|
2
3
|
import { theme, themeVariableNames, } from "./contract.js";
|
|
3
4
|
export function createTheme(values, options = {}) {
|
|
4
5
|
let selector = options.selector ?? ':root';
|
|
@@ -46,7 +47,9 @@ function serializeThemeCss(selector, vars, options) {
|
|
|
46
47
|
.join('\n');
|
|
47
48
|
let blocks = [`${selector} {\n${lines}\n}`];
|
|
48
49
|
if (options.reset) {
|
|
49
|
-
|
|
50
|
+
let resetCss = serializeThemeResetCss(selector);
|
|
51
|
+
blocks.push(`@layer ${REMIX_UI_RESET_LAYER}, ${REMIX_UI_STYLE_LAYER};`);
|
|
52
|
+
blocks.push(`@layer ${REMIX_UI_RESET_LAYER} { ${resetCss} }`);
|
|
50
53
|
}
|
|
51
54
|
return blocks.join('\n\n');
|
|
52
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/theme/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAe,MAAM,eAAe,CAAA;AAE1D,OAAO,EACL,KAAK,EACL,kBAAkB,GAOnB,MAAM,eAAe,CAAA;AAEtB,MAAM,UAAU,WAAW,CAAC,MAAmB,EAAE,UAA8B,EAAE;IAC/E,IAAI,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAA;IAC1C,IAAI,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,IAAI,CAAA;IACjC,IAAI,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAAA;IACtE,IAAI,OAAO,GAAG,iBAAiB,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,CAAA;IAE1D,SAAS,KAAK,CAAC,MAA+B;QAC5C,OAAO,GAAG,EAAE,CACV,aAAa,CAAC,OAAO,EAAE;YACrB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK;YACzB,gBAAgB,EAAE,EAAE;YACpB,yBAAyB,EAAE,QAAQ;YACnC,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC;SACpC,CAAC,CAAA;IACN,CAAC;IAED,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;QAC1B,KAAK,EAAE,KAAK;QACZ,OAAO;QACP,QAAQ;QACR,MAAM;QACN,IAAI;KACL,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,gBAAgB,CACvB,IAAuB,EACvB,MAAmB,EACnB,OAAiB,EAAE;IAEnB,IAAI,IAAI,GAA2B,EAAE,CAAA;IAErC,KAAK,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9C,IAAI,QAAQ,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC,CAAA;QAC7B,IAAI,UAAU,GAAI,MAAkC,CAAC,GAAG,CAAC,CAAA;QAEzD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE,CAAC;gBACrE,MAAM,IAAI,SAAS,CACjB,4BAA4B,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,4BAA4B,CAC3E,CAAA;YACH,CAAC;YAED,IAAI,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;YAChC,SAAQ;QACV,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,CAAC;YAC/B,MAAM,IAAI,SAAS,CAAC,4BAA4B,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAA;QACxF,CAAC;QAED,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,gBAAgB,CAAC,KAAK,EAAE,UAAyB,EAAE,QAAQ,CAAC,CAAC,CAAA;IACnF,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,SAAS,iBAAiB,CAAC,QAAgB,EAAE,IAAe,EAAE,OAA2B;IACvF,IAAI,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;SAC7B,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,KAAK,KAAK,GAAG,CAAC;SAC9C,IAAI,CAAC,IAAI,CAAC,CAAA;IAEb,IAAI,MAAM,GAAG,CAAC,GAAG,QAAQ,OAAO,KAAK,KAAK,CAAC,CAAA;IAE3C,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;QAClB,MAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"runtime.js","sourceRoot":"","sources":["../../src/theme/runtime.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { type ElementProps } from '@remix-run/ui';
|
|
2
|
-
export declare function lockScroll(targetDocument?: Document): () => void;
|
|
3
|
-
export declare const lockScrollOnToggle: <
|
|
1
|
+
import { type ElementProps, type MixinFactory } from '@remix-run/ui';
|
|
2
|
+
export declare function lockScroll(targetDocument?: Document | undefined): () => void;
|
|
3
|
+
export declare const lockScrollOnToggle: MixinFactory<HTMLElement, [], ElementProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-lock.js","sourceRoot":"","sources":["../../src/utils/scroll-lock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"scroll-lock.js","sourceRoot":"","sources":["../../src/utils/scroll-lock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,EAAE,EAAwC,MAAM,eAAe,CAAA;AAUrF,MAAM,WAAW,GAAG,IAAI,OAAO,EAA6B,CAAA;AAE5D,MAAM,UAAU,UAAU,CAAC,iBAAuC,UAAU,CAAC,QAAQ;IACnF,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC;QACzD,OAAO,GAAG,EAAE,GAAE,CAAC,CAAA;IACjB,CAAC;IAED,IAAI,QAAQ,GAAG,cAAc,CAAA;IAC7B,IAAI,eAAe,GAAG,QAAQ,CAAC,eAAe,CAAA;IAC9C,IAAI,IAAI,GAAG,QAAQ,CAAC,WAAY,CAAA;IAChC,IAAI,KAAK,GAAG,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;IAErC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC1B,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAA;QAC1B,IAAI,cAAc,GAChB,eAAe,CAAC,WAAW,GAAG,CAAC;YAC7B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC,WAAW,EAAE,CAAC,CAAC;YAC5D,CAAC,CAAC,CAAC,CAAA;QACP,IAAI,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,eAAe,CAAA;QAEpF,KAAK,GAAG;YACN,KAAK,EAAE,CAAC;YACR,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,QAAQ;YAChD,uBAAuB,EAAE,eAAe,CAAC,KAAK,CAAC,eAAe;YAC9D,OAAO;YACP,OAAO;SACR,CAAA;QAED,eAAe,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACzC,IAAI,cAAc,GAAG,CAAC,IAAI,uBAAuB,KAAK,MAAM,EAAE,CAAC;YAC7D,eAAe,CAAC,KAAK,CAAC,eAAe,GAAG,QAAQ,CAAA;QAClD,CAAC;QAED,WAAW,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;IAClC,CAAC;IAED,KAAK,CAAC,KAAK,EAAE,CAAA;IAEb,IAAI,QAAQ,GAAG,KAAK,CAAA;IAEpB,OAAO,GAAG,EAAE;QACV,IAAI,QAAQ,EAAE,CAAC;YACb,OAAM;QACR,CAAC;QAED,QAAQ,GAAG,IAAI,CAAA;QAEf,IAAI,YAAY,GAAG,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QAC5C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,YAAY,CAAC,KAAK,EAAE,CAAA;QACpB,IAAI,YAAY,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QAED,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QAE5B,eAAe,CAAC,KAAK,CAAC,QAAQ,GAAG,YAAY,CAAC,gBAAgB,CAAA;QAC9D,eAAe,CAAC,KAAK,CAAC,eAAe,GAAG,YAAY,CAAC,uBAAuB,CAAA;QAC5E,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC3D,CAAC,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAgD,WAAW,CAIxF,CAAC,MAAM,EAAE,EAAE;IACX,IAAI,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;IAE3B,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QAC3C,YAAY,EAAE,CAAA;QACd,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;IACzB,CAAC,CAAC,CAAA;IAEF,OAAO,GAAG,EAAE,CAAC;QACX,EAAE,CAAC,cAAc,EAAE,CAAC,KAAK,EAAE,EAAE;YAC3B,YAAY,EAAE,CAAA;YACd,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,CAAA;YAEvB,IAAI,KAAK,CAAC,QAAQ,KAAK,MAAM,EAAE,CAAC;gBAC9B,OAAM;YACR,CAAC;YAED,YAAY,GAAG,UAAU,CAAE,KAAK,CAAC,aAA6B,CAAC,aAAa,CAAC,CAAA;QAC/E,CAAC,CAAC;KACH,CAAA;AACH,CAAC,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remix-run/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "UI tokens, mixins, and glyphs for Remix components",
|
|
5
5
|
"author": "Ryan Florence <rpflorence@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -104,8 +104,8 @@
|
|
|
104
104
|
"@typescript/native-preview": "7.0.0-dev.20251125.1",
|
|
105
105
|
"playwright": "^1.59.0",
|
|
106
106
|
"typescript": "^5.9.3",
|
|
107
|
-
"@remix-run/
|
|
108
|
-
"@remix-run/
|
|
107
|
+
"@remix-run/assert": "0.2.1",
|
|
108
|
+
"@remix-run/test": "0.4.1"
|
|
109
109
|
},
|
|
110
110
|
"dependencies": {
|
|
111
111
|
"@types/dom-navigation": "^1.0.7"
|