@dxos/ui-theme 0.8.4-staging.ac66bdf99f → 0.9.1-main.c7dcc2e112
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/LICENSE +102 -5
- package/README.md +1 -1
- package/dist/lib/browser/index.mjs +89 -867
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +89 -867
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/plugin/node-cjs/main.css +279 -120
- package/dist/plugin/node-cjs/main.css.map +3 -3
- package/dist/plugin/node-cjs/meta.json +1 -1
- package/dist/plugin/node-cjs/plugins/ThemePlugin.cjs +82 -10
- package/dist/plugin/node-cjs/plugins/ThemePlugin.cjs.map +3 -3
- package/dist/plugin/node-esm/main.css +279 -120
- package/dist/plugin/node-esm/main.css.map +3 -3
- package/dist/plugin/node-esm/meta.json +1 -1
- package/dist/plugin/node-esm/plugins/ThemePlugin.mjs +84 -12
- package/dist/plugin/node-esm/plugins/ThemePlugin.mjs.map +3 -3
- package/dist/types/src/Theme.stories.d.ts.map +1 -1
- package/dist/types/src/defs.d.ts +1 -1
- package/dist/types/src/defs.d.ts.map +1 -1
- package/dist/types/src/fragments/density.d.ts +2 -2
- package/dist/types/src/fragments/density.d.ts.map +1 -1
- package/dist/types/src/fragments/hover.d.ts +0 -1
- package/dist/types/src/fragments/hover.d.ts.map +1 -1
- package/dist/types/src/index.d.ts +0 -1
- package/dist/types/src/index.d.ts.map +1 -1
- package/dist/types/src/plugins/ThemePlugin.d.ts +3 -2
- package/dist/types/src/plugins/ThemePlugin.d.ts.map +1 -1
- package/dist/types/src/util/hash-styles.d.ts +12 -2
- package/dist/types/src/util/hash-styles.d.ts.map +1 -1
- package/dist/types/src/util/mx.d.ts +0 -36
- package/dist/types/src/util/mx.d.ts.map +1 -1
- package/dist/types/src/util/size.d.ts.map +1 -1
- package/dist/types/src/util/valence.d.ts +8 -2
- package/dist/types/src/util/valence.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +14 -21
- package/src/Theme.stories.tsx +94 -27
- package/src/css/DESIGN_SYSTEM.md +187 -0
- package/src/css/base/base.css +2 -2
- package/src/css/components/button.css +57 -12
- package/src/css/components/card.css +14 -0
- package/src/css/components/checkbox.css +3 -3
- package/src/css/components/focus.css +12 -12
- package/src/css/components/link.css +4 -1
- package/src/css/components/panel.css +45 -45
- package/src/css/components/state.css +76 -0
- package/src/css/components/state.md +101 -0
- package/src/css/components/surface.css +86 -11
- package/src/css/components/tag.css +25 -24
- package/src/css/integrations/codemirror.css +4 -3
- package/src/css/integrations/tldraw.css +1 -1
- package/src/css/layout/main.css +6 -0
- package/src/css/layout/size.css +17 -4
- package/src/css/theme/animation.css +31 -0
- package/src/css/theme/palette.css +34 -0
- package/src/css/theme/semantic.css +190 -68
- package/src/css/theme/spacing.css +30 -13
- package/src/css/theme/styles.css +172 -119
- package/src/css/utilities.css +42 -0
- package/src/defs.ts +3 -1
- package/src/fragments/AUDIT.md +0 -2
- package/src/fragments/density.ts +34 -7
- package/src/fragments/hover.ts +0 -2
- package/src/index.ts +1 -1
- package/src/main.css +68 -9
- package/src/plugins/ThemePlugin.ts +102 -14
- package/src/plugins/main.css +10 -7
- package/src/util/hash-styles.ts +54 -42
- package/src/util/mx.ts +1 -126
- package/src/util/valence.ts +15 -5
- package/dist/types/src/theme/components/avatar.d.ts +0 -21
- package/dist/types/src/theme/components/avatar.d.ts.map +0 -1
- package/dist/types/src/theme/components/breadcrumb.d.ts +0 -9
- package/dist/types/src/theme/components/breadcrumb.d.ts.map +0 -1
- package/dist/types/src/theme/components/button.d.ts +0 -15
- package/dist/types/src/theme/components/button.d.ts.map +0 -1
- package/dist/types/src/theme/components/card.d.ts +0 -12
- package/dist/types/src/theme/components/card.d.ts.map +0 -1
- package/dist/types/src/theme/components/dialog.d.ts +0 -17
- package/dist/types/src/theme/components/dialog.d.ts.map +0 -1
- package/dist/types/src/theme/components/focus.d.ts +0 -6
- package/dist/types/src/theme/components/focus.d.ts.map +0 -1
- package/dist/types/src/theme/components/icon-button.d.ts +0 -8
- package/dist/types/src/theme/components/icon-button.d.ts.map +0 -1
- package/dist/types/src/theme/components/icon.d.ts +0 -10
- package/dist/types/src/theme/components/icon.d.ts.map +0 -1
- package/dist/types/src/theme/components/index.d.ts +0 -27
- package/dist/types/src/theme/components/index.d.ts.map +0 -1
- package/dist/types/src/theme/components/input.d.ts +0 -115
- package/dist/types/src/theme/components/input.d.ts.map +0 -1
- package/dist/types/src/theme/components/link.d.ts +0 -7
- package/dist/types/src/theme/components/link.d.ts.map +0 -1
- package/dist/types/src/theme/components/list.d.ts +0 -14
- package/dist/types/src/theme/components/list.d.ts.map +0 -1
- package/dist/types/src/theme/components/main.d.ts +0 -28
- package/dist/types/src/theme/components/main.d.ts.map +0 -1
- package/dist/types/src/theme/components/menu.d.ts +0 -13
- package/dist/types/src/theme/components/menu.d.ts.map +0 -1
- package/dist/types/src/theme/components/message.d.ts +0 -12
- package/dist/types/src/theme/components/message.d.ts.map +0 -1
- package/dist/types/src/theme/components/popover.d.ts +0 -11
- package/dist/types/src/theme/components/popover.d.ts.map +0 -1
- package/dist/types/src/theme/components/scroll-area.d.ts +0 -32
- package/dist/types/src/theme/components/scroll-area.d.ts.map +0 -1
- package/dist/types/src/theme/components/select.d.ts +0 -13
- package/dist/types/src/theme/components/select.d.ts.map +0 -1
- package/dist/types/src/theme/components/separator.d.ts +0 -8
- package/dist/types/src/theme/components/separator.d.ts.map +0 -1
- package/dist/types/src/theme/components/skeleton.d.ts +0 -7
- package/dist/types/src/theme/components/skeleton.d.ts.map +0 -1
- package/dist/types/src/theme/components/splitter.d.ts +0 -4
- package/dist/types/src/theme/components/splitter.d.ts.map +0 -1
- package/dist/types/src/theme/components/status.d.ts +0 -9
- package/dist/types/src/theme/components/status.d.ts.map +0 -1
- package/dist/types/src/theme/components/tag.d.ts +0 -7
- package/dist/types/src/theme/components/tag.d.ts.map +0 -1
- package/dist/types/src/theme/components/toast.d.ts +0 -12
- package/dist/types/src/theme/components/toast.d.ts.map +0 -1
- package/dist/types/src/theme/components/toolbar.d.ts +0 -11
- package/dist/types/src/theme/components/toolbar.d.ts.map +0 -1
- package/dist/types/src/theme/components/tooltip.d.ts +0 -8
- package/dist/types/src/theme/components/tooltip.d.ts.map +0 -1
- package/dist/types/src/theme/components/treegrid.d.ts +0 -10
- package/dist/types/src/theme/components/treegrid.d.ts.map +0 -1
- package/dist/types/src/theme/index.d.ts +0 -4
- package/dist/types/src/theme/index.d.ts.map +0 -1
- package/dist/types/src/theme/primitives/column.d.ts +0 -29
- package/dist/types/src/theme/primitives/column.d.ts.map +0 -1
- package/dist/types/src/theme/primitives/index.d.ts +0 -3
- package/dist/types/src/theme/primitives/index.d.ts.map +0 -1
- package/dist/types/src/theme/primitives/panel.d.ts +0 -13
- package/dist/types/src/theme/primitives/panel.d.ts.map +0 -1
- package/dist/types/src/theme/theme.d.ts +0 -5
- package/dist/types/src/theme/theme.d.ts.map +0 -1
- package/src/css/components/selected.css +0 -30
- package/src/theme/components/avatar.ts +0 -95
- package/src/theme/components/breadcrumb.ts +0 -29
- package/src/theme/components/button.ts +0 -48
- package/src/theme/components/card.ts +0 -102
- package/src/theme/components/dialog.ts +0 -61
- package/src/theme/components/focus.ts +0 -33
- package/src/theme/components/icon-button.ts +0 -18
- package/src/theme/components/icon.ts +0 -28
- package/src/theme/components/index.ts +0 -30
- package/src/theme/components/input.ts +0 -171
- package/src/theme/components/link.ts +0 -25
- package/src/theme/components/list.ts +0 -46
- package/src/theme/components/main.ts +0 -34
- package/src/theme/components/menu.ts +0 -50
- package/src/theme/components/message.ts +0 -40
- package/src/theme/components/popover.ts +0 -41
- package/src/theme/components/scroll-area.ts +0 -115
- package/src/theme/components/select.ts +0 -52
- package/src/theme/components/separator.ts +0 -24
- package/src/theme/components/skeleton.ts +0 -23
- package/src/theme/components/splitter.ts +0 -20
- package/src/theme/components/status.ts +0 -32
- package/src/theme/components/tag.ts +0 -23
- package/src/theme/components/toast.ts +0 -53
- package/src/theme/components/toolbar.ts +0 -35
- package/src/theme/components/tooltip.ts +0 -27
- package/src/theme/components/treegrid.ts +0 -37
- package/src/theme/index.ts +0 -7
- package/src/theme/primitives/column.ts +0 -71
- package/src/theme/primitives/index.ts +0 -6
- package/src/theme/primitives/panel.ts +0 -43
- package/src/theme/theme.ts +0 -87
package/src/util/mx.ts
CHANGED
|
@@ -2,23 +2,8 @@
|
|
|
2
2
|
// Copyright 2022 DXOS.org
|
|
3
3
|
//
|
|
4
4
|
|
|
5
|
-
import {
|
|
6
|
-
Children,
|
|
7
|
-
createElement,
|
|
8
|
-
forwardRef,
|
|
9
|
-
type ForwardRefExoticComponent,
|
|
10
|
-
type ForwardedRef,
|
|
11
|
-
type HTMLAttributes,
|
|
12
|
-
isValidElement,
|
|
13
|
-
type ReactNode,
|
|
14
|
-
type RefAttributes,
|
|
15
|
-
CSSProperties,
|
|
16
|
-
} from 'react';
|
|
17
5
|
import { extendTailwindMerge, validators } from 'tailwind-merge';
|
|
18
6
|
|
|
19
|
-
import { log } from '@dxos/log';
|
|
20
|
-
import { ThemedClassName, type ComposableProps, type SlottableProps } from '@dxos/ui-types';
|
|
21
|
-
|
|
22
7
|
type AdditionalClassGroups = 'density' | 'dx-focus-ring';
|
|
23
8
|
|
|
24
9
|
export const mx = extendTailwindMerge<AdditionalClassGroups>({
|
|
@@ -40,7 +25,7 @@ export const mx = extendTailwindMerge<AdditionalClassGroups>({
|
|
|
40
25
|
validators.isArbitraryNumber,
|
|
41
26
|
],
|
|
42
27
|
|
|
43
|
-
density: ['dx-density-
|
|
28
|
+
density: ['dx-density-sm', 'dx-density-md', 'dx-density-lg'],
|
|
44
29
|
|
|
45
30
|
'dx-focus-ring': [
|
|
46
31
|
'dx-focus-ring',
|
|
@@ -61,113 +46,3 @@ export const mx = extendTailwindMerge<AdditionalClassGroups>({
|
|
|
61
46
|
},
|
|
62
47
|
},
|
|
63
48
|
});
|
|
64
|
-
|
|
65
|
-
/**
|
|
66
|
-
* Reconciles className properties from a parent slot.
|
|
67
|
-
* - `className` is set by the Slot merge mechanism.
|
|
68
|
-
* - `classNames` is the consumer-facing prop for theming overrides.
|
|
69
|
-
* Use `composableProps` to reconcile both into a single `className`.
|
|
70
|
-
*/
|
|
71
|
-
// TODO(burdon): Move to react-ui.
|
|
72
|
-
export const composableProps = <P extends HTMLElement = HTMLElement>(
|
|
73
|
-
{ className, classNames, role, style, ...props }: ComposableProps,
|
|
74
|
-
{ classNames: defaultClassNames, ...defaults }: ThemedClassName<Partial<HTMLAttributes<P>>> | undefined = {},
|
|
75
|
-
) => ({
|
|
76
|
-
// Default props.
|
|
77
|
-
...(defaults as object),
|
|
78
|
-
|
|
79
|
-
// Spread supplied props.
|
|
80
|
-
...props,
|
|
81
|
-
|
|
82
|
-
// Prefer explicit role, then defaults role, then 'none'.
|
|
83
|
-
role: role ?? defaults.role ?? 'none',
|
|
84
|
-
|
|
85
|
-
// Merge styles.
|
|
86
|
-
style: { ...defaults.style, ...style } as CSSProperties,
|
|
87
|
-
|
|
88
|
-
// Compose classnames.
|
|
89
|
-
className: mx(defaultClassNames, className, classNames),
|
|
90
|
-
});
|
|
91
|
-
|
|
92
|
-
/**
|
|
93
|
-
* Factory for slottable components.
|
|
94
|
-
* The implementation receives full `HTMLAttributes<E>` so it can destructure `role`, `style`, etc.
|
|
95
|
-
* Consumers see only `SlottableProps<P>` — a narrow type exposing `classNames`, `className`,
|
|
96
|
-
* `children`, `asChild`, and the custom props `P`.
|
|
97
|
-
*
|
|
98
|
-
* @example
|
|
99
|
-
* ```tsx
|
|
100
|
-
* const MyPanel = slottable<HTMLDivElement, { border?: boolean }>(
|
|
101
|
-
* ({ children, asChild, border, ...props }, forwardedRef) => {
|
|
102
|
-
* const Comp = asChild ? Slot : Primitive.div;
|
|
103
|
-
* return (
|
|
104
|
-
* <Comp {...composableProps(props, { classNames: border && 'border' })} ref={forwardedRef}>
|
|
105
|
-
* {children}
|
|
106
|
-
* </Comp>
|
|
107
|
-
* );
|
|
108
|
-
* },
|
|
109
|
-
* );
|
|
110
|
-
* ```
|
|
111
|
-
*/
|
|
112
|
-
/** Symbol used to mark components created by `composable()` or `slottable()`. */
|
|
113
|
-
const COMPOSABLE = Symbol.for('dxos.composable');
|
|
114
|
-
|
|
115
|
-
export function slottable<E extends HTMLElement, P extends object = {}>(
|
|
116
|
-
render: (props: SlottableProps<P> & HTMLAttributes<E>, forwardedRef: ForwardedRef<E>) => ReactNode,
|
|
117
|
-
): ForwardRefExoticComponent<SlottableProps<P> & RefAttributes<E>> {
|
|
118
|
-
const wrapped = (props: SlottableProps<P> & HTMLAttributes<E>, forwardedRef: ForwardedRef<E>) => {
|
|
119
|
-
let warn = false;
|
|
120
|
-
if (props.asChild) {
|
|
121
|
-
try {
|
|
122
|
-
const child = Children.only(props.children);
|
|
123
|
-
if (isValidElement(child) && typeof child.type !== 'string' && !(child.type as any)[COMPOSABLE]) {
|
|
124
|
-
warn = true;
|
|
125
|
-
log.warn('slot child is not composable; create it with composable() or slottable()', {
|
|
126
|
-
child: (child.type as any).displayName ?? (child.type as any).name,
|
|
127
|
-
});
|
|
128
|
-
}
|
|
129
|
-
} catch {
|
|
130
|
-
// Children.only throws if not exactly one child — Slot handles this.
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
const result = render(props, forwardedRef);
|
|
135
|
-
if (warn) {
|
|
136
|
-
return createElement('div', { role: 'none', className: 'dx-slot-warning' }, result);
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
return result;
|
|
140
|
-
};
|
|
141
|
-
|
|
142
|
-
const component = forwardRef(wrapped as any) as any;
|
|
143
|
-
(component as any)[COMPOSABLE] = true;
|
|
144
|
-
return component;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
/**
|
|
148
|
-
* Factory for composable (leaf) components.
|
|
149
|
-
* The implementation receives full `HTMLAttributes<E>` so it can destructure `role`, `style`, etc.
|
|
150
|
-
* Consumers see only `ComposableProps<P>` — a narrow type exposing `classNames`, `className`,
|
|
151
|
-
* `children`, and the custom props `P`.
|
|
152
|
-
*
|
|
153
|
-
* For generic components, use `any` for the type parameter inside `composable` and
|
|
154
|
-
* cast the result to restore the generic signature for consumers.
|
|
155
|
-
*
|
|
156
|
-
* @example
|
|
157
|
-
* ```tsx
|
|
158
|
-
* const Leaf = composable<HTMLButtonElement>(({ children, ...props }, forwardedRef) => {
|
|
159
|
-
* return (
|
|
160
|
-
* <button {...composableProps(props, { classNames: 'btn' })} ref={forwardedRef}>
|
|
161
|
-
* {children}
|
|
162
|
-
* </button>
|
|
163
|
-
* );
|
|
164
|
-
* });
|
|
165
|
-
* ```
|
|
166
|
-
*/
|
|
167
|
-
export function composable<E extends HTMLElement, P extends object = {}>(
|
|
168
|
-
render: (props: ComposableProps<P> & HTMLAttributes<E>, forwardedRef: ForwardedRef<E>) => ReactNode,
|
|
169
|
-
): ForwardRefExoticComponent<ComposableProps<P> & RefAttributes<E>> {
|
|
170
|
-
const component = forwardRef(render as any) as any;
|
|
171
|
-
(component as any)[COMPOSABLE] = true;
|
|
172
|
-
return component;
|
|
173
|
-
}
|
package/src/util/valence.ts
CHANGED
|
@@ -14,20 +14,30 @@ export const textValence = (valence?: MessageValence) => {
|
|
|
14
14
|
return 'font-medium text-warning-text';
|
|
15
15
|
case 'error':
|
|
16
16
|
return 'font-medium text-error-text';
|
|
17
|
+
default:
|
|
18
|
+
return 'font-medium';
|
|
17
19
|
}
|
|
18
20
|
};
|
|
19
21
|
|
|
20
22
|
export const messageValence = (valence?: MessageValence) => {
|
|
21
23
|
switch (valence) {
|
|
22
24
|
case 'success':
|
|
23
|
-
return 'font-medium
|
|
25
|
+
return 'font-medium border-success-text text-success-fg bg-success-surface';
|
|
24
26
|
case 'info':
|
|
25
|
-
return 'font-medium
|
|
27
|
+
return 'font-medium border-info-text text-info-fg bg-info-surface';
|
|
26
28
|
case 'warning':
|
|
27
|
-
return 'font-medium
|
|
29
|
+
return 'font-medium border-warning-text text-warning-fg bg-warning-surface';
|
|
28
30
|
case 'error':
|
|
29
|
-
return 'font-medium
|
|
31
|
+
return 'font-medium border-error-text text-error-fg bg-error-surface';
|
|
30
32
|
default:
|
|
31
|
-
return 'font-medium
|
|
33
|
+
return 'font-medium border-neutral-text text-neutral-fg bg-neutral-surface';
|
|
32
34
|
}
|
|
33
35
|
};
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* Classes for a Button rendered inside a Message.Root that should inherit the message's valence color.
|
|
39
|
+
* Message.Root sets --dx-valence-bg / --dx-valence-bg-hover / --dx-valence-text on its DOM node.
|
|
40
|
+
* Pass variant='valence' to the Button so button.css reads those variables.
|
|
41
|
+
*/
|
|
42
|
+
export const buttonValence = (_valence?: MessageValence): string =>
|
|
43
|
+
'text-(--dx-valence-text) bg-(--dx-valence-bg) hover:bg-(--dx-valence-bg-hover)';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction, type Size, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export type AvatarStyleProps = Partial<{
|
|
3
|
-
size: Size;
|
|
4
|
-
srOnly: boolean;
|
|
5
|
-
status: 'active' | 'inactive' | 'current' | 'error' | 'warning' | 'internal';
|
|
6
|
-
animation: 'pulse' | 'none';
|
|
7
|
-
variant: 'circle' | 'square';
|
|
8
|
-
inGroup: boolean;
|
|
9
|
-
}>;
|
|
10
|
-
export declare const avatarRoot: ComponentFunction<AvatarStyleProps>;
|
|
11
|
-
export declare const avatarLabel: ComponentFunction<AvatarStyleProps>;
|
|
12
|
-
export declare const avatarDescription: ComponentFunction<AvatarStyleProps>;
|
|
13
|
-
export declare const avatarFrame: ComponentFunction<AvatarStyleProps>;
|
|
14
|
-
export declare const avatarStatusIcon: ComponentFunction<AvatarStyleProps>;
|
|
15
|
-
export declare const avatarRing: ComponentFunction<AvatarStyleProps>;
|
|
16
|
-
export declare const avatarFallbackText: ComponentFunction<AvatarStyleProps>;
|
|
17
|
-
export declare const avatarGroup: ComponentFunction<AvatarStyleProps>;
|
|
18
|
-
export declare const avatarGroupLabel: ComponentFunction<AvatarStyleProps>;
|
|
19
|
-
export declare const avatarGroupDescription: ComponentFunction<AvatarStyleProps>;
|
|
20
|
-
export declare const avatarTheme: Theme<AvatarStyleProps>;
|
|
21
|
-
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,IAAI,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7E,SAAS,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CAMxD,CAAC;AAEJ,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAA2D,CAAC;AAExH,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,gBAAgB,CACb,CAAC;AAEtD,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CACyC,CAAC;AAEtG,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,gBAAgB,CAU9D,CAAC;AAEJ,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CAmBxD,CAAC;AAEJ,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,gBAAgB,CAAgD,CAAC;AAEpH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CACpB,CAAC;AAEzC,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,gBAAgB,CAO9D,CAAC;AAEJ,eAAO,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,gBAAgB,CAClB,CAAC;AAEtD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAW/C,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export type breadcrumbStyleProps = {};
|
|
3
|
-
export declare const breadcrumbRoot: ComponentFunction<breadcrumbStyleProps>;
|
|
4
|
-
export declare const breadcrumbList: ComponentFunction<breadcrumbStyleProps>;
|
|
5
|
-
export declare const breadcrumbListItem: ComponentFunction<breadcrumbStyleProps>;
|
|
6
|
-
export declare const breadcrumbCurrent: ComponentFunction<breadcrumbStyleProps>;
|
|
7
|
-
export declare const breadcrumbSeparator: ComponentFunction<breadcrumbStyleProps>;
|
|
8
|
-
export declare const breadcrumbTheme: Theme<breadcrumbStyleProps>;
|
|
9
|
-
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/breadcrumb.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAEtC,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CACzB,CAAC;AAE3C,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAA8C,CAAC;AAElH,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,oBAAoB,CAA8C,CAAC;AAEtH,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,oBAAoB,CAAkC,CAAC;AAEzG,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,oBAAoB,CAC9C,CAAC;AAE3B,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAMvD,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import type { Density, Elevation, Theme } from '@dxos/ui-types';
|
|
2
|
-
export declare const primaryButtonColors = "text-accent-surface-text bg-accent-surface hover:bg-accent-surface-hover aria-pressed:bg-primary-500 dark:aria-pressed:bg-primary-500 data-[state=open]:bg-primary-500 dark:data-[state=open]:bg-primary-500 aria-checked:bg-primary-500 dark:aria-checked:bg-primary-500 aria-checked:text-primary-100";
|
|
3
|
-
export declare const staticDefaultButtonColors = "bg-input-surface text-input-surface-text";
|
|
4
|
-
export declare const defaultButtonColors: string;
|
|
5
|
-
export declare const ghostButtonColors: string;
|
|
6
|
-
export type ButtonStyleProps = Partial<{
|
|
7
|
-
inGroup?: boolean;
|
|
8
|
-
textWrap?: boolean;
|
|
9
|
-
density: Density;
|
|
10
|
-
elevation: Elevation;
|
|
11
|
-
disabled: boolean;
|
|
12
|
-
variant: 'default' | 'primary' | 'ghost' | 'outline';
|
|
13
|
-
}>;
|
|
14
|
-
export declare const buttonTheme: Theme<ButtonStyleProps>;
|
|
15
|
-
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/button.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAqB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKnF,eAAO,MAAM,mBAAmB,4SAC2Q,CAAC;AAE5S,eAAO,MAAM,yBAAyB,6CAA6C,CAAC;AAEpF,eAAO,MAAM,mBAAmB,QAG/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAG7B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD,CAAC,CAAC;AAaH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAG/C,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type Density, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export type CardStyleProps = {
|
|
3
|
-
border?: boolean;
|
|
4
|
-
fullWidth?: boolean;
|
|
5
|
-
srOnly?: boolean;
|
|
6
|
-
variant?: 'default' | 'subtitle' | 'description';
|
|
7
|
-
density?: Density;
|
|
8
|
-
truncate?: boolean;
|
|
9
|
-
padding?: boolean;
|
|
10
|
-
};
|
|
11
|
-
export declare const cardTheme: Theme<CardStyleProps>;
|
|
12
|
-
//# sourceMappingURL=card.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/card.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIlF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAqEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAgB3C,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction, type Elevation, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export type DialogSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
-
export type DialogStyleProps = {
|
|
4
|
-
srOnly?: boolean;
|
|
5
|
-
inOverlayLayout?: boolean;
|
|
6
|
-
elevation?: Elevation;
|
|
7
|
-
size?: DialogSize;
|
|
8
|
-
};
|
|
9
|
-
export declare const dialogOverlay: ComponentFunction<DialogStyleProps>;
|
|
10
|
-
export declare const dialogContent: ComponentFunction<DialogStyleProps>;
|
|
11
|
-
export declare const dialogHeader: ComponentFunction<DialogStyleProps>;
|
|
12
|
-
export declare const dialogBody: ComponentFunction<DialogStyleProps>;
|
|
13
|
-
export declare const dialogActionBar: ComponentFunction<DialogStyleProps>;
|
|
14
|
-
export declare const dialogTitle: ComponentFunction<DialogStyleProps>;
|
|
15
|
-
export declare const dialogDescription: ComponentFunction<DialogStyleProps>;
|
|
16
|
-
export declare const dialogTheme: Theme<DialogStyleProps>;
|
|
17
|
-
//# sourceMappingURL=dialog.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/dialog.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AASnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAAwD,CAAC;AAEvH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAQ7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,gBAAgB,CACgC,CAAC;AAE9F,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CACQ,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,CACwC,CAAC;AAEzG,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CACP,CAAC;AAEtD,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,gBAAgB,CACa,CAAC;AAEhF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAQ/C,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/focus.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAmBF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAG7C,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { ComponentFunction, Theme } from '@dxos/ui-types';
|
|
2
|
-
import { type ButtonStyleProps } from './button';
|
|
3
|
-
export type IconButtonStyleProps = ButtonStyleProps & {
|
|
4
|
-
iconOnly?: boolean;
|
|
5
|
-
};
|
|
6
|
-
export declare const iconButtonRoot: ComponentFunction<IconButtonStyleProps>;
|
|
7
|
-
export declare const iconButtonTheme: Theme<IconButtonStyleProps>;
|
|
8
|
-
//# sourceMappingURL=icon-button.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/icon-button.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG/D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7E,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAElE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAEvD,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction, type Size, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export type IconStyleProps = {
|
|
3
|
-
size?: Size;
|
|
4
|
-
};
|
|
5
|
-
/**
|
|
6
|
-
* Size can be specified directly, or inherited from a container (e.g., toolbar).
|
|
7
|
-
*/
|
|
8
|
-
export declare const iconRoot: ComponentFunction<IconStyleProps>;
|
|
9
|
-
export declare const iconTheme: Theme<IconStyleProps>;
|
|
10
|
-
//# sourceMappingURL=icon.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,IAAI,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/E,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAQtD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAE3C,CAAC"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
export * from './avatar';
|
|
2
|
-
export * from './breadcrumb';
|
|
3
|
-
export * from './card';
|
|
4
|
-
export * from './button';
|
|
5
|
-
export * from './dialog';
|
|
6
|
-
export * from './focus';
|
|
7
|
-
export * from './icon';
|
|
8
|
-
export * from './icon-button';
|
|
9
|
-
export * from './input';
|
|
10
|
-
export * from './link';
|
|
11
|
-
export * from './list';
|
|
12
|
-
export * from './main';
|
|
13
|
-
export * from './menu';
|
|
14
|
-
export * from './message';
|
|
15
|
-
export * from './popover';
|
|
16
|
-
export * from './scroll-area';
|
|
17
|
-
export * from './select';
|
|
18
|
-
export * from './splitter';
|
|
19
|
-
export * from './separator';
|
|
20
|
-
export * from './skeleton';
|
|
21
|
-
export * from './status';
|
|
22
|
-
export * from './tag';
|
|
23
|
-
export * from './toast';
|
|
24
|
-
export * from './toolbar';
|
|
25
|
-
export * from './tooltip';
|
|
26
|
-
export * from './treegrid';
|
|
27
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction, type Density, type Elevation, type MessageValence, type Size } from '@dxos/ui-types';
|
|
2
|
-
export type InputStyleProps = Partial<{
|
|
3
|
-
variant: 'default' | 'subdued' | 'static';
|
|
4
|
-
density: Density;
|
|
5
|
-
disabled: boolean;
|
|
6
|
-
elevation: Elevation;
|
|
7
|
-
focused: boolean;
|
|
8
|
-
validationValence: MessageValence;
|
|
9
|
-
size: Size;
|
|
10
|
-
checked: boolean;
|
|
11
|
-
}>;
|
|
12
|
-
export type InputMetaStyleProps = Partial<{
|
|
13
|
-
srOnly: boolean;
|
|
14
|
-
validationValence: MessageValence;
|
|
15
|
-
}>;
|
|
16
|
-
export declare const inputTextLabel = "py-1 text-sm text-description";
|
|
17
|
-
export declare const inputTheme: {
|
|
18
|
-
input: ComponentFunction<Partial<{
|
|
19
|
-
variant: "default" | "subdued" | "static";
|
|
20
|
-
density: Density;
|
|
21
|
-
disabled: boolean;
|
|
22
|
-
elevation: Elevation;
|
|
23
|
-
focused: boolean;
|
|
24
|
-
validationValence: MessageValence;
|
|
25
|
-
size: Size;
|
|
26
|
-
checked: boolean;
|
|
27
|
-
}>>;
|
|
28
|
-
textArea: ComponentFunction<Partial<{
|
|
29
|
-
variant: "default" | "subdued" | "static";
|
|
30
|
-
density: Density;
|
|
31
|
-
disabled: boolean;
|
|
32
|
-
elevation: Elevation;
|
|
33
|
-
focused: boolean;
|
|
34
|
-
validationValence: MessageValence;
|
|
35
|
-
size: Size;
|
|
36
|
-
checked: boolean;
|
|
37
|
-
}>>;
|
|
38
|
-
inputWithSegments: ComponentFunction<Partial<{
|
|
39
|
-
variant: "default" | "subdued" | "static";
|
|
40
|
-
density: Density;
|
|
41
|
-
disabled: boolean;
|
|
42
|
-
elevation: Elevation;
|
|
43
|
-
focused: boolean;
|
|
44
|
-
validationValence: MessageValence;
|
|
45
|
-
size: Size;
|
|
46
|
-
checked: boolean;
|
|
47
|
-
}>>;
|
|
48
|
-
segment: ComponentFunction<Partial<{
|
|
49
|
-
variant: "default" | "subdued" | "static";
|
|
50
|
-
density: Density;
|
|
51
|
-
disabled: boolean;
|
|
52
|
-
elevation: Elevation;
|
|
53
|
-
focused: boolean;
|
|
54
|
-
validationValence: MessageValence;
|
|
55
|
-
size: Size;
|
|
56
|
-
checked: boolean;
|
|
57
|
-
}>>;
|
|
58
|
-
checkbox: ComponentFunction<Partial<{
|
|
59
|
-
variant: "default" | "subdued" | "static";
|
|
60
|
-
density: Density;
|
|
61
|
-
disabled: boolean;
|
|
62
|
-
elevation: Elevation;
|
|
63
|
-
focused: boolean;
|
|
64
|
-
validationValence: MessageValence;
|
|
65
|
-
size: Size;
|
|
66
|
-
checked: boolean;
|
|
67
|
-
}>>;
|
|
68
|
-
checkboxIndicator: ComponentFunction<Partial<{
|
|
69
|
-
variant: "default" | "subdued" | "static";
|
|
70
|
-
density: Density;
|
|
71
|
-
disabled: boolean;
|
|
72
|
-
elevation: Elevation;
|
|
73
|
-
focused: boolean;
|
|
74
|
-
validationValence: MessageValence;
|
|
75
|
-
size: Size;
|
|
76
|
-
checked: boolean;
|
|
77
|
-
}>>;
|
|
78
|
-
label: ComponentFunction<Partial<{
|
|
79
|
-
srOnly: boolean;
|
|
80
|
-
validationValence: MessageValence;
|
|
81
|
-
}>>;
|
|
82
|
-
description: ComponentFunction<Partial<{
|
|
83
|
-
srOnly: boolean;
|
|
84
|
-
validationValence: MessageValence;
|
|
85
|
-
}>>;
|
|
86
|
-
switch: ComponentFunction<Partial<{
|
|
87
|
-
variant: "default" | "subdued" | "static";
|
|
88
|
-
density: Density;
|
|
89
|
-
disabled: boolean;
|
|
90
|
-
elevation: Elevation;
|
|
91
|
-
focused: boolean;
|
|
92
|
-
validationValence: MessageValence;
|
|
93
|
-
size: Size;
|
|
94
|
-
checked: boolean;
|
|
95
|
-
}>>;
|
|
96
|
-
switchThumb: ComponentFunction<Partial<{
|
|
97
|
-
variant: "default" | "subdued" | "static";
|
|
98
|
-
density: Density;
|
|
99
|
-
disabled: boolean;
|
|
100
|
-
elevation: Elevation;
|
|
101
|
-
focused: boolean;
|
|
102
|
-
validationValence: MessageValence;
|
|
103
|
-
size: Size;
|
|
104
|
-
checked: boolean;
|
|
105
|
-
}>>;
|
|
106
|
-
validation: ComponentFunction<Partial<{
|
|
107
|
-
srOnly: boolean;
|
|
108
|
-
validationValence: MessageValence;
|
|
109
|
-
}>>;
|
|
110
|
-
descriptionAndValidation: ComponentFunction<Partial<{
|
|
111
|
-
srOnly: boolean;
|
|
112
|
-
validationValence: MessageValence;
|
|
113
|
-
}>>;
|
|
114
|
-
};
|
|
115
|
-
//# sourceMappingURL=input.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/input.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,IAAI,EACV,MAAM,gBAAgB,CAAC;AAKxB,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACpC,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,cAAc,CAAC;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,cAAc,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,kCAAkC,CAAC;AA6H9D,eAAO,MAAM,UAAU;;iBA5IZ,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;gBAIR,OAAO;2BACI,cAAc;;;gBADzB,OAAO;2BACI,cAAc;;;iBAZxB,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;gBAIR,OAAO;2BACI,cAAc;;;gBADzB,OAAO;2BACI,cAAc;;CA6IlC,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export type LinkStyleProps = {
|
|
3
|
-
variant?: 'accent' | 'neutral';
|
|
4
|
-
};
|
|
5
|
-
export declare const linkRoot: ComponentFunction<LinkStyleProps>;
|
|
6
|
-
export declare const linkTheme: Theme<LinkStyleProps>;
|
|
7
|
-
//# sourceMappingURL=link.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/link.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAQpD,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAE3C,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction, type Density, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export type ListStyleProps = Partial<{
|
|
3
|
-
density: Density;
|
|
4
|
-
collapsible: boolean;
|
|
5
|
-
}>;
|
|
6
|
-
export declare const listRoot: ComponentFunction<ListStyleProps>;
|
|
7
|
-
export declare const listItem: ComponentFunction<ListStyleProps>;
|
|
8
|
-
export declare const listItemEndcap: ComponentFunction<ListStyleProps>;
|
|
9
|
-
export declare const listItemHeading: ComponentFunction<ListStyleProps>;
|
|
10
|
-
export declare const listItemDragHandleIcon: ComponentFunction<ListStyleProps>;
|
|
11
|
-
export declare const listItemOpenTrigger: ComponentFunction<ListStyleProps>;
|
|
12
|
-
export declare const listItemOpenTriggerIcon: ComponentFunction<ListStyleProps>;
|
|
13
|
-
export declare const listTheme: Theme<ListStyleProps>;
|
|
14
|
-
//# sourceMappingURL=list.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/list.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKlF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAA6B,CAAC;AAErF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CACnB,CAAC;AAErC,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAC2C,CAAC;AAEzG,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,cAAc,CACgC,CAAC;AAE/F,eAAO,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,cAAc,CACnC,CAAC;AAEnC,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,cAAc,CACqD,CAAC;AAExH,eAAO,MAAM,uBAAuB,EAAE,iBAAiB,CAAC,cAAc,CAErE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAU3C,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction } from '@dxos/ui-types';
|
|
2
|
-
export declare const topbarBlockPaddingStart = "py-(--dx-topbar-size) dx-sticky-top-from-topbar-bottom";
|
|
3
|
-
export declare const bottombarBlockPaddingEnd = "pb-(--dx-statusbar-size) dx-sticky-bottom-from-statusbar-bottom";
|
|
4
|
-
export declare const mainPadding = "dx-main-content-padding";
|
|
5
|
-
export declare const mainPaddingTransitions = "dx-main-content-padding-transitions";
|
|
6
|
-
export declare const mainIntrinsicSize = "dx-main-intrinsic-size";
|
|
7
|
-
export type MainStyleProps = Partial<{
|
|
8
|
-
bounce: boolean;
|
|
9
|
-
handlesFocus: boolean;
|
|
10
|
-
}>;
|
|
11
|
-
export declare const mainContent: ComponentFunction<MainStyleProps>;
|
|
12
|
-
export declare const mainSidebar: ComponentFunction<MainStyleProps>;
|
|
13
|
-
export declare const mainOverlay: ComponentFunction<MainStyleProps>;
|
|
14
|
-
export declare const mainTheme: {
|
|
15
|
-
content: ComponentFunction<Partial<{
|
|
16
|
-
bounce: boolean;
|
|
17
|
-
handlesFocus: boolean;
|
|
18
|
-
}>>;
|
|
19
|
-
sidebar: ComponentFunction<Partial<{
|
|
20
|
-
bounce: boolean;
|
|
21
|
-
handlesFocus: boolean;
|
|
22
|
-
}>>;
|
|
23
|
-
overlay: ComponentFunction<Partial<{
|
|
24
|
-
bounce: boolean;
|
|
25
|
-
handlesFocus: boolean;
|
|
26
|
-
}>>;
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=main.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/main.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKxD,eAAO,MAAM,uBAAuB,2DAA2D,CAAC;AAChG,eAAO,MAAM,wBAAwB,oEAAoE,CAAC;AAE1G,eAAO,MAAM,WAAW,4BAA4B,CAAC;AACrD,eAAO,MAAM,sBAAsB,wCAAwC,CAAC;AAC5E,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACgD,CAAC;AAE3G,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACK,CAAC;AAEhE,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAAgD,CAAC;AAE3G,eAAO,MAAM,SAAS;;gBAZZ,OAAO;sBACD,OAAO;;;gBADb,OAAO;sBACD,OAAO;;;gBADb,OAAO;sBACD,OAAO;;CAetB,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction, type Elevation, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export type MenuStyleProps = Partial<{
|
|
3
|
-
constrainBlockSize: boolean;
|
|
4
|
-
elevation: Elevation;
|
|
5
|
-
}>;
|
|
6
|
-
export declare const menuContent: ComponentFunction<MenuStyleProps>;
|
|
7
|
-
export declare const menuViewport: ComponentFunction<MenuStyleProps>;
|
|
8
|
-
export declare const menuItem: ComponentFunction<MenuStyleProps>;
|
|
9
|
-
export declare const menuSeparator: ComponentFunction<MenuStyleProps>;
|
|
10
|
-
export declare const menuGroupLabel: ComponentFunction<MenuStyleProps>;
|
|
11
|
-
export declare const menuArrow: ComponentFunction<MenuStyleProps>;
|
|
12
|
-
export declare const menuTheme: Theme<MenuStyleProps>;
|
|
13
|
-
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/menu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAMvD,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAC+C,CAAC;AAE3G,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAOpD,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,cAAc,CACjB,CAAC;AAE5C,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,cAAc,CACJ,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAoD,CAAC;AAE7G,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAO3C,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction, type Elevation, type MessageValence, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export type MessageStyleProps = {
|
|
3
|
-
valence?: MessageValence;
|
|
4
|
-
elevation?: Elevation;
|
|
5
|
-
};
|
|
6
|
-
export declare const messageRoot: ComponentFunction<MessageStyleProps>;
|
|
7
|
-
export declare const messageHeader: ComponentFunction<MessageStyleProps>;
|
|
8
|
-
export declare const messageTitle: ComponentFunction<MessageStyleProps>;
|
|
9
|
-
export declare const messageIcon: ComponentFunction<MessageStyleProps>;
|
|
10
|
-
export declare const messageContent: ComponentFunction<MessageStyleProps>;
|
|
11
|
-
export declare const messageTheme: Theme<MessageStyleProps>;
|
|
12
|
-
//# sourceMappingURL=message.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/message.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIzG,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAE5D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,iBAAiB,CAE9D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAE7D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAE5D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAE/D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAMjD,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type ComponentFunction, type Elevation, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export type PopoverStyleProps = Partial<{
|
|
3
|
-
constrainBlock: boolean;
|
|
4
|
-
constrainInline: boolean;
|
|
5
|
-
elevation: Elevation;
|
|
6
|
-
}>;
|
|
7
|
-
export declare const popoverContent: ComponentFunction<PopoverStyleProps>;
|
|
8
|
-
export declare const popoverViewport: ComponentFunction<PopoverStyleProps>;
|
|
9
|
-
export declare const popoverArrow: ComponentFunction<PopoverStyleProps>;
|
|
10
|
-
export declare const popoverTheme: Theme<PopoverStyleProps>;
|
|
11
|
-
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/popover.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAO7D,CAAC;AAEJ,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAS9D,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAAoD,CAAC;AAEnH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAIjD,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { type AllowedAxis, type ComponentFunction, type Theme } from '@dxos/ui-types';
|
|
2
|
-
export declare const scrollbar: {
|
|
3
|
-
thin: {
|
|
4
|
-
size: number;
|
|
5
|
-
padding: number;
|
|
6
|
-
};
|
|
7
|
-
coarse: {
|
|
8
|
-
size: number;
|
|
9
|
-
padding: number;
|
|
10
|
-
};
|
|
11
|
-
};
|
|
12
|
-
export type ScrollAreaStyleProps = {
|
|
13
|
-
orientation?: AllowedAxis;
|
|
14
|
-
autoHide?: boolean;
|
|
15
|
-
/** Balance left/right, top/bottom offset with scrollbar. */
|
|
16
|
-
centered?: boolean;
|
|
17
|
-
/** Add default padding. */
|
|
18
|
-
/** TODO(burdon): Integrate with Column.Root padding. */
|
|
19
|
-
padding?: boolean;
|
|
20
|
-
/** Use thin scrollbars. */
|
|
21
|
-
/** TODO(burdon): Density fine/course. */
|
|
22
|
-
thin?: boolean;
|
|
23
|
-
/** Enable snap scrolling. */
|
|
24
|
-
snap?: boolean;
|
|
25
|
-
};
|
|
26
|
-
export declare const scrollAreaRoot: ComponentFunction<ScrollAreaStyleProps>;
|
|
27
|
-
/**
|
|
28
|
-
* NOTE: The browser reserves space for scrollbars.
|
|
29
|
-
*/
|
|
30
|
-
export declare const scrollAreaViewport: ComponentFunction<ScrollAreaStyleProps>;
|
|
31
|
-
export declare const scrollAreaTheme: Theme<ScrollAreaStyleProps>;
|
|
32
|
-
//# sourceMappingURL=scroll-area.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/scroll-area.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKtF,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAahE,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,oBAAoB,CAwDtE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAGvD,CAAC"}
|