@astryxdesign/core 0.5.0-canary.6838406 → 0.5.0-canary.7b60efa
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/dist/Avatar/Avatar.d.ts +1 -25
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Avatar/Avatar.js +9 -43
- package/dist/Avatar/index.d.ts +2 -2
- package/dist/Avatar/index.d.ts.map +1 -1
- package/dist/Avatar/index.js +1 -1
- package/dist/AvatarGroup/AvatarGroup.d.ts +2 -9
- package/dist/AvatarGroup/AvatarGroup.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroup.js +2 -5
- package/dist/AvatarGroup/AvatarGroupContext.d.ts +1 -2
- package/dist/AvatarGroup/AvatarGroupContext.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroupOverflow.d.ts.map +1 -1
- package/dist/AvatarGroup/AvatarGroupOverflow.js +6 -10
- package/dist/DateInput/DateInput.d.ts +0 -43
- package/dist/DateInput/DateInput.d.ts.map +1 -1
- package/dist/DateInput/DateInput.js +0 -19
- package/dist/DateInput/index.d.ts +1 -1
- package/dist/DateInput/index.d.ts.map +1 -1
- package/dist/astryx.css +0 -21
- package/dist/theme/derivedVarRegistry.d.ts.map +1 -1
- package/dist/theme/derivedVarRegistry.js +0 -4
- package/package.json +2 -2
- package/src/Avatar/Avatar.doc.mjs +2 -12
- package/src/Avatar/Avatar.test.tsx +0 -80
- package/src/Avatar/Avatar.tsx +14 -64
- package/src/Avatar/index.ts +2 -2
- package/src/AvatarGroup/AvatarGroup.doc.mjs +2 -8
- package/src/AvatarGroup/AvatarGroup.test.tsx +0 -24
- package/src/AvatarGroup/AvatarGroup.tsx +4 -12
- package/src/AvatarGroup/AvatarGroupContext.ts +3 -5
- package/src/AvatarGroup/AvatarGroupOverflow.tsx +4 -10
- package/src/DateInput/DateInput.doc.mjs +0 -16
- package/src/DateInput/DateInput.tsx +0 -52
- package/src/DateInput/DateInputTouch.test.tsx +9 -32
- package/src/DateInput/index.ts +0 -1
- package/src/theme/derivedVarRegistry.test.ts +0 -1
- package/src/theme/derivedVarRegistry.ts +0 -1
- package/dist/DateInput/NativeDateField.d.ts +0 -10
- package/dist/DateInput/NativeDateField.d.ts.map +0 -1
- package/dist/DateInput/NativeDateField.js +0 -477
- package/src/DateInput/NativeDateField.test.tsx +0 -565
- package/src/DateInput/NativeDateField.tsx +0 -623
package/dist/Avatar/Avatar.d.ts
CHANGED
|
@@ -16,7 +16,6 @@
|
|
|
16
16
|
*/
|
|
17
17
|
import { type ReactNode } from 'react';
|
|
18
18
|
import type { BaseProps } from '../BaseProps';
|
|
19
|
-
import * as stylex from '@stylexjs/stylex';
|
|
20
19
|
import type { LinkComponentType } from '../Link/types';
|
|
21
20
|
/**
|
|
22
21
|
* Named size options.
|
|
@@ -34,25 +33,10 @@ type AvatarNumericSize = 16 | 20 | 24 | 32 | 36 | 40 | 48 | 60 | 64 | 72 | 96 |
|
|
|
34
33
|
* Avatar size - can be a named size or a specific pixel value
|
|
35
34
|
*/
|
|
36
35
|
export type AvatarSize = AvatarNamedSize | AvatarNumericSize;
|
|
37
|
-
/**
|
|
38
|
-
* Avatar shape options
|
|
39
|
-
*/
|
|
40
|
-
export type AvatarShape = 'circle' | 'rounded' | 'square';
|
|
41
36
|
/**
|
|
42
37
|
* Resolves named sizes to their numeric pixel values
|
|
43
38
|
*/
|
|
44
39
|
export declare function resolveSize(size: AvatarSize): number;
|
|
45
|
-
export declare const shapeStyles: Readonly<{
|
|
46
|
-
readonly circle: Readonly<{
|
|
47
|
-
readonly '--_avatar-radius': stylex.StyleXClassNameFor<"--_avatar-radius", "9999px">;
|
|
48
|
-
}>;
|
|
49
|
-
readonly rounded: Readonly<{
|
|
50
|
-
readonly '--_avatar-radius': stylex.StyleXClassNameFor<"--_avatar-radius", "8px">;
|
|
51
|
-
}>;
|
|
52
|
-
readonly square: Readonly<{
|
|
53
|
-
readonly '--_avatar-radius': stylex.StyleXClassNameFor<"--_avatar-radius", "0px">;
|
|
54
|
-
}>;
|
|
55
|
-
}>;
|
|
56
40
|
export interface AvatarProps extends BaseProps<HTMLDivElement> {
|
|
57
41
|
/** Ref forwarded to the root element */
|
|
58
42
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -85,14 +69,6 @@ export interface AvatarProps extends BaseProps<HTMLDivElement> {
|
|
|
85
69
|
* @default 'md'
|
|
86
70
|
*/
|
|
87
71
|
size?: AvatarSize;
|
|
88
|
-
/**
|
|
89
|
-
* Shape variant of the avatar.
|
|
90
|
-
* - 'circle': Full circle (default)
|
|
91
|
-
* - 'rounded': Rounded square
|
|
92
|
-
* - 'square': Sharp square
|
|
93
|
-
* @default 'circle'
|
|
94
|
-
*/
|
|
95
|
-
shape?: AvatarShape;
|
|
96
72
|
/**
|
|
97
73
|
* The primary image source for the avatar.
|
|
98
74
|
*/
|
|
@@ -171,7 +147,7 @@ export interface AvatarProps extends BaseProps<HTMLDivElement> {
|
|
|
171
147
|
* <Avatar src="/user.jpg" name="John Doe" onClick={() => openProfile()} />
|
|
172
148
|
* ```
|
|
173
149
|
*/
|
|
174
|
-
export declare function Avatar({ alt, 'data-testid': testId, fallbackSrc, name, size,
|
|
150
|
+
export declare function Avatar({ alt, 'data-testid': testId, fallbackSrc, name, size, src, status, tooltip, href, as, target, rel, onClick, xstyle, className, style, ref, ...props }: AvatarProps): import("react").JSX.Element;
|
|
175
151
|
export declare namespace Avatar {
|
|
176
152
|
var displayName: string;
|
|
177
153
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsB5C,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AA4BrD;;;;;;GAMG;AACH,KAAK,eAAe,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzD;;GAEG;AACH,KAAK,iBAAiB,GACpB,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAE7D;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,MAAM,CAgBpD;AAgID,MAAM,WAAW,WAAY,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC5D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CAChD;AAwHD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,MAAM,CAAC,EACrB,GAAG,EACH,aAAa,EAAE,MAAM,EACrB,WAAW,EACX,IAAI,EACJ,IAAW,EACX,GAAG,EACH,MAAM,EACN,OAAc,EACd,IAAI,EACJ,EAAE,EACF,MAAM,EACN,GAAG,EACH,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,WAAW,+BAkVb;yBArWe,MAAM"}
|
package/dist/Avatar/Avatar.js
CHANGED
|
@@ -77,10 +77,6 @@ const INITIALS_FONT_SIZE_RATIO = 0.4;
|
|
|
77
77
|
* Avatar size - can be a named size or a specific pixel value
|
|
78
78
|
*/
|
|
79
79
|
|
|
80
|
-
/**
|
|
81
|
-
* Avatar shape options
|
|
82
|
-
*/
|
|
83
|
-
|
|
84
80
|
/**
|
|
85
81
|
* Resolves named sizes to their numeric pixel values
|
|
86
82
|
*/
|
|
@@ -102,28 +98,6 @@ export function resolveSize(size) {
|
|
|
102
98
|
}
|
|
103
99
|
}
|
|
104
100
|
|
|
105
|
-
// Sets one local custom property rather than `borderRadius` directly, so
|
|
106
|
-
// every clipping/ring surface that needs the shape's radius (the wrapper,
|
|
107
|
-
// the interactive focus ring, the content div that actually clips via
|
|
108
|
-
// `overflow: hidden`, and AvatarGroupOverflow's "+N" indicator) reads the
|
|
109
|
-
// same value instead of each hardcoding its own borderRadius independently.
|
|
110
|
-
// A theme override only has to reach this one property, not fight the
|
|
111
|
-
// per-surface StyleX class order to change the shape everywhere at once.
|
|
112
|
-
export const shapeStyles = {
|
|
113
|
-
circle: {
|
|
114
|
-
"--_avatar-radius": "xeincmr",
|
|
115
|
-
$$css: true
|
|
116
|
-
},
|
|
117
|
-
rounded: {
|
|
118
|
-
"--_avatar-radius": "xdarwi0",
|
|
119
|
-
$$css: true
|
|
120
|
-
},
|
|
121
|
-
square: {
|
|
122
|
-
"--_avatar-radius": "x877142",
|
|
123
|
-
$$css: true
|
|
124
|
-
}
|
|
125
|
-
};
|
|
126
|
-
|
|
127
101
|
/**
|
|
128
102
|
* Base styles for the avatar
|
|
129
103
|
* Uses a wrapper/content structure so status isn't clipped by overflow:hidden
|
|
@@ -133,7 +107,7 @@ const styles = {
|
|
|
133
107
|
kVAEAm: "x1n2onr6",
|
|
134
108
|
k1xSpc: "x3nfvp2",
|
|
135
109
|
kmuXW: "x2lah0s",
|
|
136
|
-
kaIpWk: "
|
|
110
|
+
kaIpWk: "xjspbzw",
|
|
137
111
|
$$css: true
|
|
138
112
|
},
|
|
139
113
|
fallback: {
|
|
@@ -164,7 +138,7 @@ const styles = {
|
|
|
164
138
|
kVVagm: "xln7xf2",
|
|
165
139
|
kybGjl: "x1hl2dhg",
|
|
166
140
|
kkrTdU: "x1ypdohk x16khyan",
|
|
167
|
-
kaIpWk: "
|
|
141
|
+
kaIpWk: "xjspbzw",
|
|
168
142
|
$$css: true
|
|
169
143
|
}
|
|
170
144
|
};
|
|
@@ -194,20 +168,15 @@ const dynamicStyles = {
|
|
|
194
168
|
fontSize: size => [_temp, {
|
|
195
169
|
"--x-fontSize": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`${size * INITIALS_FONT_SIZE_RATIO}px`)
|
|
196
170
|
}],
|
|
197
|
-
|
|
171
|
+
statusPosition: size => [_temp2, {
|
|
198
172
|
"--x-bottom": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(size * CIRCLE_EDGE_OFFSET_RATIO),
|
|
199
173
|
"--x-insetInlineEnd": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(size * CIRCLE_EDGE_OFFSET_RATIO)
|
|
200
|
-
}]
|
|
201
|
-
statusPositionCorner: {
|
|
202
|
-
krVfgx: "x1ey2m1c",
|
|
203
|
-
kt4wiu: "xtijo5x",
|
|
204
|
-
k3aq6I: "xv8yid9 x10fxb7p",
|
|
205
|
-
$$css: true
|
|
206
|
-
}
|
|
174
|
+
}]
|
|
207
175
|
};
|
|
208
176
|
const BORDER_WIDTH = 2;
|
|
209
177
|
const groupStyles = {
|
|
210
178
|
ring: {
|
|
179
|
+
kaIpWk: "xjspbzw",
|
|
211
180
|
kMzoRj: "xdh2fpr",
|
|
212
181
|
ksu8eU: "x1y0btm7",
|
|
213
182
|
kVAM5u: "x1touxvs",
|
|
@@ -364,7 +333,6 @@ export function Avatar({
|
|
|
364
333
|
fallbackSrc,
|
|
365
334
|
name,
|
|
366
335
|
size = 'md',
|
|
367
|
-
shape = 'circle',
|
|
368
336
|
src,
|
|
369
337
|
status,
|
|
370
338
|
tooltip = true,
|
|
@@ -416,7 +384,6 @@ export function Avatar({
|
|
|
416
384
|
} : undefined;
|
|
417
385
|
const avatarGroup = useAvatarGroup();
|
|
418
386
|
const resolvedSize = avatarGroup?.size ?? size;
|
|
419
|
-
const resolvedShape = avatarGroup?.shape ?? shape;
|
|
420
387
|
const numericSize = useMemo(() => resolveSize(resolvedSize), [resolvedSize]);
|
|
421
388
|
|
|
422
389
|
// Resolve the tooltip content:
|
|
@@ -520,7 +487,7 @@ export function Avatar({
|
|
|
520
487
|
const visualContent = /*#__PURE__*/_jsxs(_Fragment, {
|
|
521
488
|
children: [/*#__PURE__*/_jsxs("div", {
|
|
522
489
|
...{
|
|
523
|
-
className: "x78zum5 x6s0dn4 xl56j7k xh8yej3 x5yr21d xb3r6kr x87ps6o
|
|
490
|
+
className: "x78zum5 x6s0dn4 xl56j7k xh8yej3 x5yr21d xjspbzw xb3r6kr x87ps6o"
|
|
524
491
|
},
|
|
525
492
|
children: [showImage && /*#__PURE__*/_jsx("img", {
|
|
526
493
|
src: src,
|
|
@@ -552,7 +519,7 @@ export function Avatar({
|
|
|
552
519
|
})
|
|
553
520
|
})]
|
|
554
521
|
}), status && /*#__PURE__*/_jsx("div", {
|
|
555
|
-
...stylex.props(styles.status,
|
|
522
|
+
...stylex.props(styles.status, dynamicStyles.statusPosition(numericSize)),
|
|
556
523
|
children: status
|
|
557
524
|
})]
|
|
558
525
|
});
|
|
@@ -562,9 +529,8 @@ export function Avatar({
|
|
|
562
529
|
// tooltip tab-stop focus ring all live here so the interactive
|
|
563
530
|
// `<a>`/`<button>` and the static `<div>` carry the exact same box.
|
|
564
531
|
const rootStylexProps = mergeProps(themeProps('avatar', {
|
|
565
|
-
size: resolvedSize
|
|
566
|
-
|
|
567
|
-
}), focusOutlineProps.focusVisible(styles.wrapper, dynamicStyles.size(numericSize), isInteractive && styles.interactive, avatarGroup && groupStyles.ring, avatarGroup && groupStyles.overlap, avatarGroup && groupDynamicStyles.overlap(-avatarGroup.overlap), shapeStyles[resolvedShape], xstyle), className, style);
|
|
532
|
+
size: resolvedSize
|
|
533
|
+
}), focusOutlineProps.focusVisible(styles.wrapper, dynamicStyles.size(numericSize), isInteractive && styles.interactive, avatarGroup && groupStyles.ring, avatarGroup && groupStyles.overlap, avatarGroup && groupDynamicStyles.overlap(-avatarGroup.overlap), xstyle), className, style);
|
|
568
534
|
let rootElement;
|
|
569
535
|
|
|
570
536
|
// `props` is typed for the default `<div>` root (its event handlers are
|
package/dist/Avatar/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @file index.ts
|
|
3
3
|
* @input Imports Avatar component and types from Avatar.tsx, AvatarStatusDot from AvatarStatusDot.tsx
|
|
4
|
-
* @output Exports Avatar, AvatarProps, AvatarSize,
|
|
4
|
+
* @output Exports Avatar, AvatarProps, AvatarSize, AvatarStatusDot, AvatarStatusDotProps, AvatarStatusDotVariant
|
|
5
5
|
* @position Component entry point; re-exported by /packages/core/src/index.ts
|
|
6
6
|
*
|
|
7
7
|
* SYNC: When modified, update this header and /packages/core/src/Avatar/Avatar.doc.mjs
|
|
@@ -32,7 +32,7 @@ export interface AvatarStatusDotVariantMap {
|
|
|
32
32
|
error: true;
|
|
33
33
|
}
|
|
34
34
|
export { Avatar, resolveSize } from './Avatar';
|
|
35
|
-
export type { AvatarProps, AvatarSize
|
|
35
|
+
export type { AvatarProps, AvatarSize } from './Avatar';
|
|
36
36
|
export { AvatarStatusDot } from './AvatarStatusDot';
|
|
37
37
|
export type { AvatarStatusDotProps, AvatarStatusDotVariant, } from './AvatarStatusDot';
|
|
38
38
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;CACb;AAED,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAC,WAAW,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,yBAAyB;IACxC,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,KAAK,EAAE,IAAI,CAAC;CACb;AAED,OAAO,EAAC,MAAM,EAAE,WAAW,EAAC,MAAM,UAAU,CAAC;AAC7C,YAAY,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,UAAU,CAAC;AACtD,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAClD,YAAY,EACV,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,mBAAmB,CAAC"}
|
package/dist/Avatar/index.js
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* @file index.ts
|
|
7
7
|
* @input Imports Avatar component and types from Avatar.tsx, AvatarStatusDot from AvatarStatusDot.tsx
|
|
8
|
-
* @output Exports Avatar, AvatarProps, AvatarSize,
|
|
8
|
+
* @output Exports Avatar, AvatarProps, AvatarSize, AvatarStatusDot, AvatarStatusDotProps, AvatarStatusDotVariant
|
|
9
9
|
* @position Component entry point; re-exported by /packages/core/src/index.ts
|
|
10
10
|
*
|
|
11
11
|
* SYNC: When modified, update this header and /packages/core/src/Avatar/Avatar.doc.mjs
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
*/
|
|
23
23
|
import { type ReactNode } from 'react';
|
|
24
24
|
import type { BaseProps } from '../BaseProps';
|
|
25
|
-
import { type
|
|
25
|
+
import { type AvatarSize } from '../Avatar';
|
|
26
26
|
export interface AvatarGroupProps extends BaseProps<HTMLDivElement> {
|
|
27
27
|
/** Ref forwarded to the root element. */
|
|
28
28
|
ref?: React.Ref<HTMLDivElement>;
|
|
@@ -38,13 +38,6 @@ export interface AvatarGroupProps extends BaseProps<HTMLDivElement> {
|
|
|
38
38
|
* @default 'md'
|
|
39
39
|
*/
|
|
40
40
|
size?: AvatarSize;
|
|
41
|
-
/**
|
|
42
|
-
* Shape applied to all avatars via context, overriding each avatar's own
|
|
43
|
-
* `shape` prop so a group stays visually uniform. Also applied to the
|
|
44
|
-
* `AvatarGroupOverflow` "+N" indicator, so it matches the group.
|
|
45
|
-
* @default 'circle'
|
|
46
|
-
*/
|
|
47
|
-
shape?: AvatarShape;
|
|
48
41
|
/**
|
|
49
42
|
* Test ID for integration testing.
|
|
50
43
|
*/
|
|
@@ -68,7 +61,7 @@ export interface AvatarGroupProps extends BaseProps<HTMLDivElement> {
|
|
|
68
61
|
* </AvatarGroup>
|
|
69
62
|
* ```
|
|
70
63
|
*/
|
|
71
|
-
export declare function AvatarGroup({ children, size,
|
|
64
|
+
export declare function AvatarGroup({ children, size, 'data-testid': testId, 'aria-label': ariaLabelFromProps, 'aria-describedby': ariaDescribedByFromProps, onKeyDown, onFocus, xstyle, className, style, ref, ...props }: AvatarGroupProps): ReactNode;
|
|
72
65
|
export declare namespace AvatarGroup {
|
|
73
66
|
var displayName: string;
|
|
74
67
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAA2B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAc,KAAK,
|
|
1
|
+
{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAA2B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAC/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAc,KAAK,UAAU,EAAC,MAAM,WAAW,CAAC;AAcvD,MAAM,WAAW,gBAAiB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjE,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AASD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAW,EACX,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,kBAAkB,EAChC,kBAAkB,EAAE,wBAAwB,EAC5C,SAAS,EACT,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,SAAS,CAmE9B;yBAhFe,WAAW"}
|
|
@@ -66,7 +66,6 @@ const styles = {
|
|
|
66
66
|
export function AvatarGroup({
|
|
67
67
|
children,
|
|
68
68
|
size = 'md',
|
|
69
|
-
shape = 'circle',
|
|
70
69
|
'data-testid': testId,
|
|
71
70
|
'aria-label': ariaLabelFromProps,
|
|
72
71
|
'aria-describedby': ariaDescribedByFromProps,
|
|
@@ -84,10 +83,9 @@ export function AvatarGroup({
|
|
|
84
83
|
const overlap = Math.round(numericSize * OVERLAP_RATIO);
|
|
85
84
|
const contextValue = useMemo(() => ({
|
|
86
85
|
size,
|
|
87
|
-
shape,
|
|
88
86
|
overlap,
|
|
89
87
|
numericSize
|
|
90
|
-
}), [size,
|
|
88
|
+
}), [size, overlap, numericSize]);
|
|
91
89
|
|
|
92
90
|
// The keyboard hint and roving tab stop only make sense once the group has
|
|
93
91
|
// interactive children. Detect their presence from the rendered DOM after
|
|
@@ -129,8 +127,7 @@ export function AvatarGroup({
|
|
|
129
127
|
onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown),
|
|
130
128
|
onFocus: composeEventHandlers(onFocus, handleFocus),
|
|
131
129
|
...mergeProps(themeProps('avatar-group', {
|
|
132
|
-
size
|
|
133
|
-
shape
|
|
130
|
+
size
|
|
134
131
|
}), stylex.props(styles.root, xstyle), className, style),
|
|
135
132
|
children: [children, hasInteractiveItems && /*#__PURE__*/_jsx(VisuallyHidden, {
|
|
136
133
|
id: hintId,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarGroupContext.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupContext.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"AvatarGroupContext.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupContext.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,WAAW,CAAC;AAE1C,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,yDACsB,CAAC;AAGtD,wBAAgB,cAAc,IAAI,uBAAuB,GAAG,IAAI,CAE/D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarGroupOverflow.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupOverflow.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAa5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,SAAS,CAAC,WAAW,CAAC,EACtB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;
|
|
1
|
+
{"version":3,"file":"AvatarGroupOverflow.d.ts","sourceRoot":"","sources":["../../src/AvatarGroup/AvatarGroupOverflow.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAa5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAQ5C,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CACpD,SAAS,CAAC,WAAW,CAAC,EACtB,SAAS,CACV;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAqFD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,wBAAwB,GAAG,SAAS,CA+DtC;yBAxEe,mBAAmB"}
|
|
@@ -15,8 +15,7 @@
|
|
|
15
15
|
import React from 'react';
|
|
16
16
|
import * as stylex from '@stylexjs/stylex';
|
|
17
17
|
import "../theme/tokens.stylex.js";
|
|
18
|
-
import { colorVars, typographyVars, typeScaleVars, fontWeightVars, spacingVars } from "../theme/tokens.stylex.js";
|
|
19
|
-
import { shapeStyles } from "../Avatar/Avatar.js";
|
|
18
|
+
import { colorVars, typographyVars, typeScaleVars, fontWeightVars, radiusVars, spacingVars } from "../theme/tokens.stylex.js";
|
|
20
19
|
import { mergeProps } from "../utils/index.js";
|
|
21
20
|
import { resolveSize } from "../Avatar/index.js";
|
|
22
21
|
import { useAvatarGroup } from "./AvatarGroupContext.js";
|
|
@@ -32,7 +31,7 @@ const styles = {
|
|
|
32
31
|
k1xSpc: "x3nfvp2",
|
|
33
32
|
kGNEyG: "x6s0dn4",
|
|
34
33
|
kjj79g: "xl56j7k",
|
|
35
|
-
kaIpWk: "
|
|
34
|
+
kaIpWk: "xjspbzw",
|
|
36
35
|
kWkggS: "x10xzikg",
|
|
37
36
|
kMwMTN: "xv1l7n4",
|
|
38
37
|
kMv6JI: "x9ynric",
|
|
@@ -110,7 +109,6 @@ export function AvatarGroupOverflow({
|
|
|
110
109
|
const t = useTranslator();
|
|
111
110
|
const group = useAvatarGroup();
|
|
112
111
|
const size = group?.size ?? 'md';
|
|
113
|
-
const shape = group?.shape ?? 'circle';
|
|
114
112
|
const numericSize = group?.numericSize ?? resolveSize('md');
|
|
115
113
|
const overlap = group?.overlap ?? 0;
|
|
116
114
|
|
|
@@ -131,9 +129,8 @@ export function AvatarGroupOverflow({
|
|
|
131
129
|
"aria-label": label,
|
|
132
130
|
"data-avatar-item": "",
|
|
133
131
|
...mergeProps(themeProps('avatar-group-overflow', {
|
|
134
|
-
size
|
|
135
|
-
|
|
136
|
-
}), focusOutlineProps.focusVisible(styles.base, styles.button, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), shapeStyles[shape], xstyle), className, style),
|
|
132
|
+
size
|
|
133
|
+
}), focusOutlineProps.focusVisible(styles.base, styles.button, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), xstyle), className, style),
|
|
137
134
|
children: content
|
|
138
135
|
});
|
|
139
136
|
}
|
|
@@ -142,9 +139,8 @@ export function AvatarGroupOverflow({
|
|
|
142
139
|
...rest,
|
|
143
140
|
"aria-label": label,
|
|
144
141
|
...mergeProps(themeProps('avatar-group-overflow', {
|
|
145
|
-
size
|
|
146
|
-
|
|
147
|
-
}), stylex.props(styles.base, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), shapeStyles[shape], xstyle), className, style),
|
|
142
|
+
size
|
|
143
|
+
}), stylex.props(styles.base, styles.overlap, dynamicStyles.size(numericSize), dynamicStyles.fontSize(numericSize), dynamicStyles.overlap(-overlap), xstyle), className, style),
|
|
148
144
|
children: content
|
|
149
145
|
});
|
|
150
146
|
}
|
|
@@ -31,16 +31,6 @@ export type DateInputSize = keyof typeof sizeStyles;
|
|
|
31
31
|
* types stay in compile-time lockstep: renaming or removing one of these
|
|
32
32
|
* members from `TimestampFormat` breaks this type at build time.
|
|
33
33
|
*/
|
|
34
|
-
/**
|
|
35
|
-
* When DateInput hands date picking to the browser/OS instead of its own
|
|
36
|
-
* surfaces.
|
|
37
|
-
*
|
|
38
|
-
* - `'touch'`: native on touch devices (coarse pointer), Astryx's calendar
|
|
39
|
-
* popover on mouse-driven ones
|
|
40
|
-
* - `'always'`: native wherever the browser supports `<input type="date">`
|
|
41
|
-
* - `'never'`: Astryx's own pickers everywhere
|
|
42
|
-
*/
|
|
43
|
-
export type DateInputNativePicker = 'touch' | 'always' | 'never';
|
|
44
34
|
export type DateInputFormat = Extract<TimestampFormat, 'date' | 'date_long' | 'date_weekday' | 'system_date'>;
|
|
45
35
|
export type { InputStatus as DateInputStatus, InputStatusType as DateInputStatusType, } from '../Field';
|
|
46
36
|
import type { BaseProps } from '../BaseProps';
|
|
@@ -212,39 +202,6 @@ export interface DateInputProps extends Omit<BaseProps, 'onChange' | 'defaultVal
|
|
|
212
202
|
* ```
|
|
213
203
|
*/
|
|
214
204
|
format?: DateInputFormat | ((value: ISODateString) => string);
|
|
215
|
-
/**
|
|
216
|
-
* When date picking is handed to the browser/OS instead of Astryx's own
|
|
217
|
-
* surfaces: the field becomes an `<input type="date">` and the platform
|
|
218
|
-
* draws the picker — the iOS wheel, the Android calendar dialog — with the
|
|
219
|
-
* OS's own hit areas, momentum scrolling, locale and accessibility
|
|
220
|
-
* settings.
|
|
221
|
-
*
|
|
222
|
-
* - `'touch'` (default): native on touch devices (coarse pointer), the text
|
|
223
|
-
* field and calendar popover on mouse-driven ones
|
|
224
|
-
* - `'always'`: native wherever the browser supports `<input type="date">`
|
|
225
|
-
* - `'never'`: Astryx's own pickers everywhere — the touch picker on a
|
|
226
|
-
* finger, the calendar popover on a mouse
|
|
227
|
-
*
|
|
228
|
-
* `format` and `placeholder` still apply in native mode: DateInput paints
|
|
229
|
-
* the closed field's text itself, over the control. `numberOfMonths` and
|
|
230
|
-
* `weekStartsOn` do not — they describe a calendar grid the native picker
|
|
231
|
-
* does not have — so a field that needs either should pass `'never'`.
|
|
232
|
-
*
|
|
233
|
-
* `min` and `max` are forwarded, but note that a native picker may not
|
|
234
|
-
* *show* them: on iOS they are constraint-validation flags rather than
|
|
235
|
-
* clamps, so an out-of-range date can be selected and is refused on commit
|
|
236
|
-
* (announced to assistive technology) rather than being greyed out in the
|
|
237
|
-
* picker. `dateConstraints` is enforced the same way, on commit, and is
|
|
238
|
-
* reason enough to prefer `'never'` on a field that uses it.
|
|
239
|
-
*
|
|
240
|
-
* @default 'touch'
|
|
241
|
-
* @example
|
|
242
|
-
* ```
|
|
243
|
-
* // Astryx's own touch picker instead of the platform's
|
|
244
|
-
* <DateInput label="Event date" value={date} onChange={setDate} nativePicker="never" />
|
|
245
|
-
* ```
|
|
246
|
-
*/
|
|
247
|
-
nativePicker?: DateInputNativePicker;
|
|
248
205
|
}
|
|
249
206
|
/**
|
|
250
207
|
* A date picker that fits the pointer it is being used with.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/DateInput/DateInput.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAS3C,OAAO,EAGL,KAAK,WAAW,EAKhB,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAOlB,OAAO,EAEL,KAAK,aAAa,EAElB,KAAK,SAAS,EACd,KAAK,aAAa,EACnB,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/DateInput/DateInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,7 +32,6 @@ import { useInputStatusIcon } from "../hooks/useInputStatusIcon.js";
|
|
|
32
32
|
import { useMediaQuery } from "../hooks/useMediaQuery.js";
|
|
33
33
|
import { useResolvedRequired } from "../hooks/useResolvedRequired.js";
|
|
34
34
|
import { usePopover } from "../Popover/index.js";
|
|
35
|
-
import { NativeDateField } from "./NativeDateField.js";
|
|
36
35
|
import { TouchDateField } from "./TouchDateField.js";
|
|
37
36
|
import { useTooltip } from "../Tooltip/index.js";
|
|
38
37
|
import { getInputARIA, isImeKeyEvent, parseDateInput } from "../utils/index.js";
|
|
@@ -88,15 +87,6 @@ const sizeStyles = {
|
|
|
88
87
|
* types stay in compile-time lockstep: renaming or removing one of these
|
|
89
88
|
* members from `TimestampFormat` breaks this type at build time.
|
|
90
89
|
*/
|
|
91
|
-
/**
|
|
92
|
-
* When DateInput hands date picking to the browser/OS instead of its own
|
|
93
|
-
* surfaces.
|
|
94
|
-
*
|
|
95
|
-
* - `'touch'`: native on touch devices (coarse pointer), Astryx's calendar
|
|
96
|
-
* popover on mouse-driven ones
|
|
97
|
-
* - `'always'`: native wherever the browser supports `<input type="date">`
|
|
98
|
-
* - `'never'`: Astryx's own pickers everywhere
|
|
99
|
-
*/
|
|
100
90
|
|
|
101
91
|
// Re-export shared types for convenience
|
|
102
92
|
|
|
@@ -570,15 +560,6 @@ PointerDateField.displayName = 'PointerDateField';
|
|
|
570
560
|
*/
|
|
571
561
|
export function DateInput(props) {
|
|
572
562
|
const isTouch = useMediaQuery(TOUCH_POINTER_QUERY);
|
|
573
|
-
const nativePicker = props.nativePicker ?? 'touch';
|
|
574
|
-
|
|
575
|
-
// The platform's picker, where the consumer asked for it — see the
|
|
576
|
-
// `nativePicker` prop for what that trades away.
|
|
577
|
-
if (nativePicker === 'always' || nativePicker === 'touch' && isTouch) {
|
|
578
|
-
return /*#__PURE__*/_jsx(NativeDateField, {
|
|
579
|
-
...props
|
|
580
|
-
});
|
|
581
|
-
}
|
|
582
563
|
return isTouch ? /*#__PURE__*/_jsx(TouchDateField, {
|
|
583
564
|
...props
|
|
584
565
|
}) : /*#__PURE__*/_jsx(PointerDateField, {
|
|
@@ -5,5 +5,5 @@
|
|
|
5
5
|
* @position Package entry point for DateInput
|
|
6
6
|
*/
|
|
7
7
|
export { DateInput } from './DateInput';
|
|
8
|
-
export type { DateInputProps, DateInputSize, DateInputFormat,
|
|
8
|
+
export type { DateInputProps, DateInputSize, DateInputFormat, DateInputStatus, DateInputStatusType, } from './DateInput';
|
|
9
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DateInput/index.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AAEH,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,YAAY,EACV,cAAc,EACd,aAAa,EACb,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DateInput/index.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AAEH,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AACtC,YAAY,EACV,cAAc,EACd,aAAa,EACb,eAAe,EACf,eAAe,EACf,mBAAmB,GACpB,MAAM,aAAa,CAAC"}
|
package/dist/astryx.css
CHANGED
|
@@ -79,9 +79,6 @@
|
|
|
79
79
|
:root, .x1kvdh9l{--spacing-0:0px;--spacing-0-5:2px;--spacing-1:4px;--spacing-1-5:6px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-7:28px;--spacing-8:32px;--spacing-9:36px;--spacing-10:40px;--spacing-11:44px;--spacing-12:48px;}
|
|
80
80
|
:root, .x1etlgq0{--text-heading-1-size:var(--font-size-2xl);--text-heading-1-weight:var(--font-weight-semibold);--text-heading-1-leading:1.3333;--text-heading-2-size:var(--font-size-xl);--text-heading-2-weight:var(--font-weight-semibold);--text-heading-2-leading:1.4;--text-heading-3-size:var(--font-size-lg);--text-heading-3-weight:var(--font-weight-semibold);--text-heading-3-leading:1.4118;--text-heading-4-size:var(--font-size-base);--text-heading-4-weight:var(--font-weight-semibold);--text-heading-4-leading:1.4286;--text-heading-5-size:var(--font-size-sm);--text-heading-5-weight:var(--font-weight-semibold);--text-heading-5-leading:1.6667;--text-heading-6-size:var(--font-size-xs);--text-heading-6-weight:var(--font-weight-semibold);--text-heading-6-leading:1.6;--text-body-size:var(--font-size-base);--text-body-weight:var(--font-weight-normal);--text-body-leading:1.4286;--text-large-size:var(--font-size-lg);--text-large-weight:var(--font-weight-semibold);--text-large-leading:1.4118;--text-label-size:var(--font-size-base);--text-label-weight:var(--font-weight-medium);--text-label-leading:1.4286;--text-code-size:var(--font-size-base);--text-code-weight:var(--font-weight-normal);--text-code-leading:1.4286;--text-supporting-size:var(--font-size-sm);--text-supporting-weight:var(--font-weight-normal);--text-supporting-leading:1.6667;--text-display-1-size:var(--font-size-5xl);--text-display-1-weight:var(--font-weight-normal);--text-display-1-leading:1.2381;--text-display-2-size:var(--font-size-4xl);--text-display-2-weight:var(--font-weight-normal);--text-display-2-leading:1.2571;--text-display-3-size:var(--font-size-3xl);--text-display-3-weight:var(--font-weight-normal);--text-display-3-leading:1.2414;}
|
|
81
81
|
.xlz5hwt{--_avatar-group-overlap:var(--x---_avatar-group-overlap)}
|
|
82
|
-
.xdarwi0{--_avatar-radius:var(--radius-element)}
|
|
83
|
-
.xeincmr{--_avatar-radius:var(--radius-full)}
|
|
84
|
-
.x877142{--_avatar-radius:var(--radius-none)}
|
|
85
82
|
.xh8ntw8{--_button-radius:calc(var(--radius-element) - var(--spacing-1))}
|
|
86
83
|
.xcw7vlg{--_button-radius:max(var(--radius-element),calc(var(--_chat-composer-radius) - var(--_chat-composer-padding)))}
|
|
87
84
|
.x1rjw8qi{--_button-radius:var(--radius-full)}
|
|
@@ -404,7 +401,6 @@
|
|
|
404
401
|
.x1pjcqnp:not(#\#):not(#\#){border-radius:inherit}
|
|
405
402
|
.x1ws5lxm:not(#\#):not(#\#){border-radius:max(0px,calc(var(--_dropdown-menu-radius,var(--spacing-2)) - var(--_dropdown-menu-padding,var(--spacing-1))))}
|
|
406
403
|
.xc910v0:not(#\#):not(#\#){border-radius:max(0px,calc(var(--_segmented-control-radius) - var(--_segmented-control-padding)))}
|
|
407
|
-
.xbc78cj:not(#\#):not(#\#){border-radius:var(--_avatar-radius)}
|
|
408
404
|
.x1vf2byn:not(#\#):not(#\#){border-radius:var(--_banner-radius,var(--radius-container))}
|
|
409
405
|
.x1jxw6zd:not(#\#):not(#\#){border-radius:var(--_button-radius,var(--radius-element))}
|
|
410
406
|
.xy0xnkn:not(#\#):not(#\#){border-radius:var(--_button-radius,var(--radius-full))}
|
|
@@ -438,7 +434,6 @@
|
|
|
438
434
|
.x98rzlu:not(#\#):not(#\#){flex:1}
|
|
439
435
|
.xxhr3t:not(#\#):not(#\#){gap:0}
|
|
440
436
|
.x1jnr06f:not(#\#):not(#\#){gap:4px}
|
|
441
|
-
.x167g77z:not(#\#):not(#\#){gap:8px}
|
|
442
437
|
.x14kbac9:not(#\#):not(#\#){gap:inherit}
|
|
443
438
|
.x1lsbc85:not(#\#):not(#\#){gap:var(--spacing-0-5)}
|
|
444
439
|
.xsn7fz1:not(#\#):not(#\#){gap:var(--spacing-0)}
|
|
@@ -563,7 +558,6 @@
|
|
|
563
558
|
@media (hover: hover){.x61roa7.x61roa7.x61roa7:where(.x1odsvnm:hover *):not(#\#):not(#\#){border-color:var(--color-border)}}
|
|
564
559
|
@media (hover: hover){.x1xwh4np.x1xwh4np.x1xwh4np:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#){border-color:var(--color-border-emphasized)}}
|
|
565
560
|
@media (hover: hover){.x13nosk6.x13nosk6.x13nosk6:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#){text-decoration:underline}}
|
|
566
|
-
.x1lugfcp:not(#\#):not(#\#):not(#\#){-webkit-appearance:none}
|
|
567
561
|
.x67t5t6:not(#\#):not(#\#):not(#\#){-webkit-backdrop-filter:blur(12px)}
|
|
568
562
|
.x1ua5tub:not(#\#):not(#\#):not(#\#){-webkit-box-orient:vertical}
|
|
569
563
|
.x1yhjpo9:not(#\#):not(#\#):not(#\#){-webkit-line-clamp:var(--x-WebkitLineClamp)}
|
|
@@ -573,7 +567,6 @@
|
|
|
573
567
|
.xt2iwb0:not(#\#):not(#\#):not(#\#){-webkit-mask-image:linear-gradient(transparent,transparent)}
|
|
574
568
|
.x5lxg6s:not(#\#):not(#\#):not(#\#){-webkit-overflow-scrolling:touch}
|
|
575
569
|
.x1i10hfl:not(#\#):not(#\#):not(#\#){-webkit-tap-highlight-color:transparent}
|
|
576
|
-
.xg7jpbn:not(#\#):not(#\#):not(#\#){-webkit-text-fill-color:transparent}
|
|
577
570
|
.xpdipgo:not(#\#):not(#\#):not(#\#){-webkit-touch-callout:none}
|
|
578
571
|
.x8gbvx8:not(#\#):not(#\#):not(#\#){align-content:flex-start}
|
|
579
572
|
.x1pha0wt:not(#\#):not(#\#):not(#\#){align-items:baseline}
|
|
@@ -1153,7 +1146,6 @@
|
|
|
1153
1146
|
.x3oybdh:not(#\#):not(#\#):not(#\#){transform:scale(1)}
|
|
1154
1147
|
.x11lhmoz:not(#\#):not(#\#):not(#\#){transform:translate(-50%,-50%)}
|
|
1155
1148
|
.x1m9mm8y:not(#\#):not(#\#):not(#\#){transform:translate(-50%,50%)}
|
|
1156
|
-
.xv8yid9:not(#\#):not(#\#):not(#\#){transform:translate(25%,25%)}
|
|
1157
1149
|
.x4v1no5:not(#\#):not(#\#):not(#\#){transform:translate(50%,50%)}
|
|
1158
1150
|
.x5i6ehr:not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
|
|
1159
1151
|
.xuuh30:not(#\#):not(#\#):not(#\#){transform:translateX(-50%)}
|
|
@@ -1303,7 +1295,6 @@
|
|
|
1303
1295
|
.xaafvuh:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1) rotate(0deg)}
|
|
1304
1296
|
.x1nxqau:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1) rotate(90deg)}
|
|
1305
1297
|
.xgtlewx:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:scaleX(-1)}
|
|
1306
|
-
.x10fxb7p:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translate(-25%,25%)}
|
|
1307
1298
|
.xqgnvz5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translate(-50%,50%)}
|
|
1308
1299
|
.xoffwj3:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translate(50%,-50%)}
|
|
1309
1300
|
.x1df3fe5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
|
|
@@ -1472,7 +1463,6 @@
|
|
|
1472
1463
|
.xs02d24:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100% + 1px)}
|
|
1473
1464
|
.x12qplqi:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100% + var(--container-padding-block-start,0px) + var(--container-padding-block-end,0px))}
|
|
1474
1465
|
.xpa73km:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(100dvh - var(--_app-shell-header-height,0px))}
|
|
1475
|
-
.x1oglpa6:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(max(1rem,var(--text-body-size)) * var(--text-body-leading));height:1lh}
|
|
1476
1466
|
.x1tpcejd:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--_sheet-budget) + 48px)}
|
|
1477
1467
|
.x1uiybsj:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-lg) - 4px)}
|
|
1478
1468
|
.x102lyln:not(#\#):not(#\#):not(#\#):not(#\#){height:calc(var(--size-element-lg) - 8px)}
|
|
@@ -1776,13 +1766,7 @@
|
|
|
1776
1766
|
.xxyica1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{border-radius:inherit}
|
|
1777
1767
|
.x17gn2l9:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{grid-column:1}
|
|
1778
1768
|
.xd54j2p:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-block:0}
|
|
1779
|
-
.xpsyfx0:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{margin-block:0}
|
|
1780
|
-
.x1qqcexc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{margin-inline:0}
|
|
1781
|
-
.x1x4c3m6:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{padding-block:0}
|
|
1782
|
-
.xtbxizx:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit{padding-block:0}
|
|
1783
1769
|
@starting-style{.x5rzir7.x5rzir7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:0}}
|
|
1784
|
-
.xkqr7wz:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{padding-inline:0}
|
|
1785
|
-
.xslb4at:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit{padding-inline:0}
|
|
1786
1770
|
.xvtkv6q:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition:background-color .15s ease,width .15s ease}
|
|
1787
1771
|
.x17s1k9h:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{transition:opacity .15s ease}
|
|
1788
1772
|
.x19ds33d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{align-self:start}
|
|
@@ -1806,15 +1790,12 @@
|
|
|
1806
1790
|
.xc2ndz5:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{content:counter(astryx-list) "."}
|
|
1807
1791
|
.xh3pasq:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{content:var(--_input-clear-hit-content)}
|
|
1808
1792
|
.xhkezso:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{display:block}
|
|
1809
|
-
.xolhmmf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-calendar-picker-indicator{display:none}
|
|
1810
1793
|
.x3nzp0f:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{font-family:var(--font-family-code)}
|
|
1811
1794
|
.xekda60:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-end:-2px}
|
|
1812
1795
|
.x1unh1gc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-end:0}
|
|
1813
1796
|
.xvw6utc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{inset-inline-start:-2px}
|
|
1814
1797
|
.x1iygr5g:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-start:0}
|
|
1815
1798
|
.x1km86hw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{inset-inline-start:calc(var(--spacing-4) + var(--_codeblock-gutter-width) + var(--spacing-3))}
|
|
1816
|
-
.x15bqym3:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-datetime-edit{line-height:inherit}
|
|
1817
|
-
.x1f74mqm:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{line-height:inherit}
|
|
1818
1799
|
.xph5o2a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:0}
|
|
1819
1800
|
.xb3n6bw:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:1}
|
|
1820
1801
|
.xni466t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{opacity:var(--_sheet-scrim-opacity,1)}
|
|
@@ -1825,7 +1806,6 @@
|
|
|
1825
1806
|
.x1hmns74:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{position:absolute}
|
|
1826
1807
|
.x1j6awrg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{position:absolute}
|
|
1827
1808
|
.x1wnbjh8:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{text-align:end}
|
|
1828
|
-
.x9rmy9g:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{text-align:start}
|
|
1829
1809
|
.x1fgylwi:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform-origin:center top}
|
|
1830
1810
|
.xgu12d:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform-origin:left center}
|
|
1831
1811
|
.x1e8txe:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transform:scaleX(0)}
|
|
@@ -1865,7 +1845,6 @@
|
|
|
1865
1845
|
.xe80sof:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{bottom:-2px}
|
|
1866
1846
|
.x1xrz1ek:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{bottom:0}
|
|
1867
1847
|
.xu6fald:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{height:var(--_sheet-keyboard-inset,0px)}
|
|
1868
|
-
.xec4aax:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::-webkit-date-and-time-value{min-height:0}
|
|
1869
1848
|
.x51xajf:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{top:-2px}
|
|
1870
1849
|
.x1m1drc7:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{top:0}
|
|
1871
1850
|
.xkj6t0a:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{width:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"derivedVarRegistry.d.ts","sourceRoot":"","sources":["../../src/theme/derivedVarRegistry.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,WAAW,eAAe;IAC9B,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,iFAAiF;IACjF,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"derivedVarRegistry.d.ts","sourceRoot":"","sources":["../../src/theme/derivedVarRegistry.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,WAAW,eAAe;IAC9B,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,iFAAiF;IACjF,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CA8ChE,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,SAAS,EAAE,MAAM,EACjB,QAAQ,EAAE,MAAM,GACf,eAAe,EAAE,CAMnB"}
|