@astryxdesign/lab 0.7.0-canary.291c4e9 → 0.7.0-canary.3045eda

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/MobileTokenizer/MobileTokenizer.js +1 -0
  2. package/dist/SVGIcon/variations.stylex.d.ts +1 -1
  3. package/dist/Schedule/shared.d.ts +42 -42
  4. package/dist/reorderStyles.d.ts +4 -4
  5. package/package.json +4 -4
  6. package/src/ListInput/ListInput.test.tsx +1 -1
  7. package/src/MobileTokenizer/MobileTokenizer.tsx +1 -1
package/dist/MobileTokenizer/MobileTokenizer.js CHANGED
@@ -255,6 +255,7 @@ export function MobileTokenizer({
255
255
  sheetId: "manage",
256
256
  label: label,
257
257
  height: "tall",
258
+ padding: 0,
258
259
  children: /*#__PURE__*/_jsxs("div", {
259
260
  ...{
260
261
  className: "x78zum5 xdt5ytf x5yr21d x2lwn1j xrrkdod xoxd1wu xvmdzux"
package/dist/SVGIcon/variations.stylex.d.ts CHANGED
@@ -29,7 +29,7 @@ export declare const variations: Readonly<{
29
29
  /** Optical size compensation — thicker strokes at smaller sizes */
30
30
  export declare const opticalSize: Readonly<{
31
31
  readonly xsm: Readonly<{
32
- readonly [x: string]: stylex.StyleXClassNameFor<string, "12px" | "2">;
32
+ readonly [x: string]: stylex.StyleXClassNameFor<string, "2" | "12px">;
33
33
  }>;
34
34
  readonly sm: Readonly<{
35
35
  readonly [x: string]: stylex.StyleXClassNameFor<string, "16px" | "1.75">;
package/dist/Schedule/shared.d.ts CHANGED
@@ -222,9 +222,9 @@ export declare const styles: Readonly<{
222
222
  readonly display: stylex.StyleXClassNameFor<"display", "grid">;
223
223
  readonly gridTemplateColumns: stylex.StyleXClassNameFor<"gridTemplateColumns", "minmax(0, 1fr) auto minmax(0, 1fr)">;
224
224
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
225
- readonly gap: stylex.StyleXClassNameFor<"gap", "12px">;
226
- readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "12px">;
227
- readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "16px">;
225
+ readonly gap: stylex.StyleXClassNameFor<"gap", "0.75rem">;
226
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "0.75rem">;
227
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "1rem">;
228
228
  readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
229
229
  readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
230
230
  readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", "light-dark(#05365919, #F2F4F619)">;
@@ -240,7 +240,7 @@ export declare const styles: Readonly<{
240
240
  readonly headerTitleContent: Readonly<{
241
241
  readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
242
242
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
243
- readonly gap: stylex.StyleXClassNameFor<"gap", "8px">;
243
+ readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
244
244
  }>;
245
245
  readonly loadingSpinner: Readonly<{
246
246
  readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
@@ -274,8 +274,8 @@ export declare const styles: Readonly<{
274
274
  readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", "light-dark(#05365919, #F2F4F619)">;
275
275
  }>;
276
276
  readonly weekdayLabel: Readonly<{
277
- readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "8px">;
278
- readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "12px">;
277
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "0.5rem">;
278
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "0.75rem">;
279
279
  readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
280
280
  }>;
281
281
  readonly weekdayHeading: Readonly<{
@@ -302,7 +302,7 @@ export declare const styles: Readonly<{
302
302
  readonly position: stylex.StyleXClassNameFor<"position", "relative">;
303
303
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
304
304
  readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
305
- readonly gap: stylex.StyleXClassNameFor<"gap", "4px">;
305
+ readonly gap: stylex.StyleXClassNameFor<"gap", "0.25rem">;
306
306
  readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
307
307
  readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
308
308
  readonly borderInlineEndWidth: stylex.StyleXClassNameFor<"borderInlineEndWidth", "1px">;
@@ -332,8 +332,8 @@ export declare const styles: Readonly<{
332
332
  readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-start">;
333
333
  readonly width: stylex.StyleXClassNameFor<"width", "24px">;
334
334
  readonly height: stylex.StyleXClassNameFor<"height", "24px">;
335
- readonly margin: stylex.StyleXClassNameFor<"margin", "2px">;
336
- readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "4px">;
335
+ readonly margin: stylex.StyleXClassNameFor<"margin", "0.125rem">;
336
+ readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "0.25rem">;
337
337
  readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", 0>;
338
338
  readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "9999px">;
339
339
  readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#4E606F, #AAAFB5)">;
@@ -345,27 +345,27 @@ export declare const styles: Readonly<{
345
345
  readonly monthEventStack: Readonly<{
346
346
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
347
347
  readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
348
- readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
348
+ readonly gap: stylex.StyleXClassNameFor<"gap", "0.125rem">;
349
349
  readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
350
350
  }>;
351
351
  readonly monthChip: (span: number, level: number) => readonly [Readonly<{
352
352
  position: stylex.StyleXClassNameFor<"position", "absolute">;
353
- insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "2px">;
353
+ insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "0.125rem">;
354
354
  insetBlockStart: stylex.StyleXClassNameFor<"insetBlockStart", string>;
355
355
  inlineSize: stylex.StyleXClassNameFor<"inlineSize", string>;
356
356
  minWidth: stylex.StyleXClassNameFor<"minWidth", number>;
357
357
  zIndex: stylex.StyleXClassNameFor<"zIndex", number>;
358
358
  }>, stylex.InlineStyles];
359
359
  readonly monthChipInLastColumn: Readonly<{
360
- readonly inlineSize: stylex.StyleXClassNameFor<"inlineSize", `calc(100% - 2 * ${stylex.StyleXVar<"2px">} - ${stylex.StyleXVar<"1px">})`>;
360
+ readonly inlineSize: stylex.StyleXClassNameFor<"inlineSize", `calc(100% - 2 * ${stylex.StyleXVar<"0.125rem">} - ${stylex.StyleXVar<"1px">})`>;
361
361
  }>;
362
362
  readonly monthChipFocus: Readonly<{
363
363
  readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1 | 2>;
364
364
  }>;
365
365
  readonly monthMoreButton: Readonly<{
366
366
  readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
367
- readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "2px">;
368
- readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", `calc(${stylex.StyleXVar<"2px">} + ${stylex.StyleXVar<"1px">})`>;
367
+ readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "0.125rem">;
368
+ readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", `calc(${stylex.StyleXVar<"0.125rem">} + ${stylex.StyleXVar<"1px">})`>;
369
369
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
370
370
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
371
371
  readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
@@ -374,8 +374,8 @@ export declare const styles: Readonly<{
374
374
  readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
375
375
  readonly borderColor: stylex.StyleXClassNameFor<"borderColor", "transparent">;
376
376
  readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "4px">;
377
- readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "2px">;
378
- readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "6px">;
377
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "0.125rem">;
378
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "0.375rem">;
379
379
  readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif">;
380
380
  readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--font-size-sm)">;
381
381
  readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "1.6667">;
@@ -392,7 +392,7 @@ export declare const styles: Readonly<{
392
392
  readonly monthDayEvents: Readonly<{
393
393
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
394
394
  readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
395
- readonly gap: stylex.StyleXClassNameFor<"gap", "8px">;
395
+ readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
396
396
  readonly maxInlineSize: stylex.StyleXClassNameFor<"maxInlineSize", "360px">;
397
397
  }>;
398
398
  readonly monthDayEventButton: Readonly<{
@@ -403,7 +403,7 @@ export declare const styles: Readonly<{
403
403
  readonly monthDayEventList: Readonly<{
404
404
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
405
405
  readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
406
- readonly gap: stylex.StyleXClassNameFor<"gap", "8px">;
406
+ readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
407
407
  readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
408
408
  readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
409
409
  readonly listStyle: stylex.StyleXClassNameFor<"listStyle", "none">;
@@ -411,13 +411,13 @@ export declare const styles: Readonly<{
411
411
  readonly eventPill: Readonly<{
412
412
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
413
413
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
414
- readonly gap: stylex.StyleXClassNameFor<"gap", "4px">;
414
+ readonly gap: stylex.StyleXClassNameFor<"gap", "0.25rem">;
415
415
  readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
416
416
  readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
417
417
  readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
418
418
  readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "4px">;
419
- readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "2px">;
420
- readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "6px">;
419
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "0.125rem">;
420
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "0.375rem">;
421
421
  readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--font-size-sm)">;
422
422
  readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "1.6667">;
423
423
  readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "500">;
@@ -442,7 +442,7 @@ export declare const styles: Readonly<{
442
442
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
443
443
  readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
444
444
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "baseline">;
445
- readonly columnGap: stylex.StyleXClassNameFor<"columnGap", "4px">;
445
+ readonly columnGap: stylex.StyleXClassNameFor<"columnGap", "0.25rem">;
446
446
  readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
447
447
  readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
448
448
  readonly blockSize: stylex.StyleXClassNameFor<"blockSize", `calc(${stylex.StyleXVar<"var(--font-size-sm)">} * ${stylex.StyleXVar<"1.6667">})`>;
@@ -528,7 +528,7 @@ export declare const styles: Readonly<{
528
528
  readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
529
529
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
530
530
  readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
531
- readonly gap: stylex.StyleXClassNameFor<"gap", "2px">;
531
+ readonly gap: stylex.StyleXClassNameFor<"gap", "0.125rem">;
532
532
  readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
533
533
  readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "light-dark(#FFFFFF, #1F1F22)">;
534
534
  readonly borderInlineEndWidth: stylex.StyleXClassNameFor<"borderInlineEndWidth", "1px">;
@@ -548,7 +548,7 @@ export declare const styles: Readonly<{
548
548
  readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
549
549
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
550
550
  readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
551
- readonly gap: stylex.StyleXClassNameFor<"gap", "4px">;
551
+ readonly gap: stylex.StyleXClassNameFor<"gap", "0.25rem">;
552
552
  }>;
553
553
  readonly timeGridDayNumber: Readonly<{
554
554
  readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
@@ -570,8 +570,8 @@ export declare const styles: Readonly<{
570
570
  readonly insetBlockStart: stylex.StyleXClassNameFor<"insetBlockStart", "56px">;
571
571
  readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", 0>;
572
572
  readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 3>;
573
- readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "4px">;
574
- readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "8px">;
573
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "0.25rem">;
574
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "0.5rem">;
575
575
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
576
576
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
577
577
  readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-end">;
@@ -617,7 +617,7 @@ export declare const styles: Readonly<{
617
617
  gridColumn: stylex.StyleXClassNameFor<"gridColumn", string>;
618
618
  alignSelf: stylex.StyleXClassNameFor<"alignSelf", "start">;
619
619
  minWidth: stylex.StyleXClassNameFor<"minWidth", number>;
620
- marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", "2px">;
620
+ marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", "0.125rem">;
621
621
  marginInlineEnd: stylex.StyleXClassNameFor<"marginInlineEnd", string>;
622
622
  marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", string>;
623
623
  }>, stylex.InlineStyles];
@@ -636,8 +636,8 @@ export declare const styles: Readonly<{
636
636
  readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
637
637
  readonly insetInline: stylex.StyleXClassNameFor<"insetInline", 0>;
638
638
  readonly transform: stylex.StyleXClassNameFor<"transform", "translateY(-50%)">;
639
- readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "4px">;
640
- readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "4px">;
639
+ readonly paddingInlineStart: stylex.StyleXClassNameFor<"paddingInlineStart", "0.25rem">;
640
+ readonly paddingInlineEnd: stylex.StyleXClassNameFor<"paddingInlineEnd", "0.25rem">;
641
641
  readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#4E606F, #AAAFB5)">;
642
642
  readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--font-size-sm)">;
643
643
  readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "1.6667">;
@@ -683,9 +683,9 @@ export declare const styles: Readonly<{
683
683
  readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
684
684
  readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
685
685
  readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "4px">;
686
- readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "2px">;
687
- readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "4px">;
688
- readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "4px">;
686
+ readonly paddingBlockStart: stylex.StyleXClassNameFor<"paddingBlockStart", "0.125rem">;
687
+ readonly paddingBlockEnd: stylex.StyleXClassNameFor<"paddingBlockEnd", "0.25rem">;
688
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "0.25rem">;
689
689
  readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--font-size-sm)">;
690
690
  readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", "1.6667">;
691
691
  readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "500">;
@@ -710,7 +710,7 @@ export declare const styles: Readonly<{
710
710
  readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1 | null>;
711
711
  }>;
712
712
  readonly eventPopoverBody: Readonly<{
713
- readonly maxBlockSize: stylex.StyleXClassNameFor<"maxBlockSize", `calc(100dvb - 2 * ${stylex.StyleXVar<"16px">} - 2 * ${stylex.StyleXVar<"12px">})` | `calc(100vh - 2 * ${stylex.StyleXVar<"16px">} - 2 * ${stylex.StyleXVar<"12px">})`>;
713
+ readonly maxBlockSize: stylex.StyleXClassNameFor<"maxBlockSize", `calc(100dvb - 2 * ${stylex.StyleXVar<"1rem">} - 2 * ${stylex.StyleXVar<"0.75rem">})` | `calc(100vh - 2 * ${stylex.StyleXVar<"1rem">} - 2 * ${stylex.StyleXVar<"0.75rem">})`>;
714
714
  }>;
715
715
  readonly timedEventPosition: (top: number, height: number, inlineStart: number, inlineSize: number) => readonly [Readonly<{
716
716
  top: stylex.StyleXClassNameFor<"top", string>;
@@ -746,9 +746,9 @@ export declare const styles: Readonly<{
746
746
  readonly display: stylex.StyleXClassNameFor<"display", "grid">;
747
747
  readonly gridTemplateColumns: stylex.StyleXClassNameFor<"gridTemplateColumns", "88px minmax(0, 1fr)">;
748
748
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "start">;
749
- readonly columnGap: stylex.StyleXClassNameFor<"columnGap", "12px">;
750
- readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "12px">;
751
- readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "12px">;
749
+ readonly columnGap: stylex.StyleXClassNameFor<"columnGap", "0.75rem">;
750
+ readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "0.75rem">;
751
+ readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", "0.75rem">;
752
752
  readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
753
753
  readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
754
754
  readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", "light-dark(#05365919, #F2F4F619)">;
@@ -761,9 +761,9 @@ export declare const styles: Readonly<{
761
761
  readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
762
762
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
763
763
  readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-start">;
764
- readonly columnGap: stylex.StyleXClassNameFor<"columnGap", "8px">;
765
- readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", `calc(${stylex.StyleXVar<"4px">} * -1)`>;
766
- readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", `calc(${stylex.StyleXVar<"4px">} * -1)`>;
764
+ readonly columnGap: stylex.StyleXClassNameFor<"columnGap", "0.5rem">;
765
+ readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", `calc(${stylex.StyleXVar<"0.25rem">} * -1)`>;
766
+ readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", `calc(${stylex.StyleXVar<"0.25rem">} * -1)`>;
767
767
  }>;
768
768
  readonly listDayNumber: Readonly<{
769
769
  readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
@@ -785,13 +785,13 @@ export declare const styles: Readonly<{
785
785
  readonly gridColumn: stylex.StyleXClassNameFor<"gridColumn", 2>;
786
786
  readonly display: stylex.StyleXClassNameFor<"display", "flex">;
787
787
  readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
788
- readonly gap: stylex.StyleXClassNameFor<"gap", "8px">;
788
+ readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
789
789
  readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
790
790
  }>;
791
791
  readonly listNowRow: Readonly<{
792
792
  readonly position: stylex.StyleXClassNameFor<"position", "relative">;
793
793
  readonly height: stylex.StyleXClassNameFor<"height", "10px">;
794
- readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", "2px">;
794
+ readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", "0.125rem">;
795
795
  readonly '::before': stylex.StyleXClassNameFor<"::before", {
796
796
  readonly content: "\"\"";
797
797
  readonly position: "absolute";
@@ -816,7 +816,7 @@ export declare const styles: Readonly<{
816
816
  readonly display: stylex.StyleXClassNameFor<"display", "grid">;
817
817
  readonly gridTemplateColumns: stylex.StyleXClassNameFor<"gridTemplateColumns", "12px 144px minmax(0, 1fr)">;
818
818
  readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
819
- readonly gap: stylex.StyleXClassNameFor<"gap", "8px">;
819
+ readonly gap: stylex.StyleXClassNameFor<"gap", "0.5rem">;
820
820
  readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
821
821
  }>;
822
822
  readonly listEventDot: Readonly<{
package/dist/reorderStyles.d.ts CHANGED
@@ -32,11 +32,11 @@ export declare const reorderStyles: Readonly<{
32
32
  readonly dropBefore: Readonly<{
33
33
  readonly position: stylex.StyleXClassNameFor<"position", "relative">;
34
34
  readonly '::before': stylex.StyleXClassNameFor<"::before", {
35
- readonly insetBlockStart: `calc(-1 * ${stylex.StyleXVar<"2px">})`;
35
+ readonly insetBlockStart: `calc(-1 * ${stylex.StyleXVar<"0.125rem">})`;
36
36
  readonly content: string;
37
37
  readonly position: "absolute";
38
38
  readonly insetInline: number;
39
- readonly height: stylex.StyleXVar<"2px">;
39
+ readonly height: stylex.StyleXVar<"0.125rem">;
40
40
  readonly borderRadius: stylex.StyleXVar<"9999px">;
41
41
  readonly backgroundColor: stylex.StyleXVar<"light-dark(#0064E0, #2694FE)">;
42
42
  readonly pointerEvents: "none";
@@ -46,11 +46,11 @@ export declare const reorderStyles: Readonly<{
46
46
  readonly dropAfter: Readonly<{
47
47
  readonly position: stylex.StyleXClassNameFor<"position", "relative">;
48
48
  readonly '::after': stylex.StyleXClassNameFor<"::after", {
49
- readonly insetBlockEnd: `calc(-1 * ${stylex.StyleXVar<"2px">})`;
49
+ readonly insetBlockEnd: `calc(-1 * ${stylex.StyleXVar<"0.125rem">})`;
50
50
  readonly content: string;
51
51
  readonly position: "absolute";
52
52
  readonly insetInline: number;
53
- readonly height: stylex.StyleXVar<"2px">;
53
+ readonly height: stylex.StyleXVar<"0.125rem">;
54
54
  readonly borderRadius: stylex.StyleXVar<"9999px">;
55
55
  readonly backgroundColor: stylex.StyleXVar<"light-dark(#0064E0, #2694FE)">;
56
56
  readonly pointerEvents: "none";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/lab",
3
- "version": "0.7.0-canary.291c4e9",
3
+ "version": "0.7.0-canary.3045eda",
4
4
  "description": "Experimental Astryx components — published to npm only under the @canary dist-tag for early testing; never released as a stable (latest) version.",
5
5
  "author": "Meta Open Source",
6
6
  "license": "MIT",
@@ -47,7 +47,7 @@
47
47
  },
48
48
  "peerDependencies": {
49
49
  "@stylexjs/stylex": ">=0.10.0",
50
- "@astryxdesign/core": "0.7.0-canary.291c4e9",
50
+ "@astryxdesign/core": "0.7.0-canary.3045eda",
51
51
  "react": ">=19.0.0",
52
52
  "react-dom": ">=19.0.0"
53
53
  },
@@ -57,8 +57,8 @@
57
57
  "d3-shape": "^3.2.0"
58
58
  },
59
59
  "devDependencies": {
60
- "@astryxdesign/a11y-spec": "0.7.0-canary.291c4e9",
61
- "@astryxdesign/cli": "0.7.0-canary.291c4e9",
60
+ "@astryxdesign/a11y-spec": "0.7.0-canary.3045eda",
61
+ "@astryxdesign/cli": "0.7.0-canary.3045eda",
62
62
  "@babel/cli": "^7.29.7",
63
63
  "@babel/core": "^7.29.7",
64
64
  "@babel/preset-react": "^7.29.7",
package/src/ListInput/ListInput.test.tsx CHANGED
@@ -535,7 +535,7 @@ describe('ListInput', () => {
535
535
  expect(addedAnimationIndex).toBeGreaterThanOrEqual(0);
536
536
  expect(animate).toHaveBeenCalledTimes(1);
537
537
  expect(animate.mock.calls[addedAnimationIndex]).toEqual([
538
- [{transform: 'translateY(8px)'}, {transform: 'translateY(0)'}],
538
+ [{transform: 'translateY(0.5rem)'}, {transform: 'translateY(0)'}],
539
539
  {
540
540
  duration: 230,
541
541
  easing: 'cubic-bezier(0.24, 1, 0.4, 1)',
package/src/MobileTokenizer/MobileTokenizer.tsx CHANGED
@@ -399,7 +399,7 @@ export function MobileTokenizer<T extends SearchableItem>({
399
399
  <BottomSheetSwitcher
400
400
  activeSheet={activeSheet}
401
401
  onActiveSheetChange={id => setActiveSheet(id as SheetId | null)}>
402
- <BottomSheet sheetId="manage" label={label} height="tall">
402
+ <BottomSheet sheetId="manage" label={label} height="tall" padding={0}>
403
403
  <div {...stylex.props(styles.sheetBody)}>
404
404
  <div {...stylex.props(styles.filterRow)}>
405
405
  <TextInput