@astryxdesign/core 0.5.2-canary.51676e7 → 0.5.2-canary.53112ff
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/AppShell/AppShell.d.ts.map +1 -1
- package/dist/AppShell/AppShell.js +3 -3
- package/dist/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheet.js +11 -11
- package/dist/BottomSheet/BottomSheetEdgeTint.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheetEdgeTint.js +2 -2
- package/dist/BottomSheet/BottomSheetPanel.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheetPanel.js +2 -2
- package/dist/BottomSheet/BottomSheetSwitcher.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheetSwitcher.js +2 -2
- package/dist/Calendar/styles.d.ts +1 -1
- package/dist/Calendar/styles.d.ts.map +1 -1
- package/dist/Calendar/styles.js +2 -2
- package/dist/Chat/ChatComposer.d.ts.map +1 -1
- package/dist/Chat/ChatComposer.js +2 -2
- package/dist/Chat/ChatComposerDrawer.d.ts.map +1 -1
- package/dist/Chat/ChatComposerDrawer.js +2 -2
- package/dist/Chat/ChatDictationButton.js +2 -2
- package/dist/Chat/ChatLayout.js +2 -2
- package/dist/Chat/useChatStreamScroll.d.ts.map +1 -1
- package/dist/Chat/useChatStreamScroll.js +72 -64
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +2 -2
- package/dist/CodeBlock/CodeBlock.d.ts.map +1 -1
- package/dist/CodeBlock/CodeBlock.js +3 -3
- package/dist/Collapsible/Collapsible.d.ts.map +1 -1
- package/dist/Collapsible/Collapsible.js +1 -1
- package/dist/Field/inputStyles.stylex.d.ts +1 -1
- package/dist/Field/inputStyles.stylex.d.ts.map +1 -1
- package/dist/Field/inputStyles.stylex.js +2 -2
- package/dist/FileInput/FileInput.d.ts.map +1 -1
- package/dist/FileInput/FileInput.js +3 -3
- package/dist/InputGroup/groupStyles.d.ts +1 -1
- package/dist/InputGroup/groupStyles.js +2 -2
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +4 -4
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +2 -2
- package/dist/Outline/Outline.d.ts.map +1 -1
- package/dist/Outline/Outline.js +2 -2
- package/dist/Popover/usePopover.d.ts.map +1 -1
- package/dist/Popover/usePopover.js +2 -2
- package/dist/RadioList/RadioListItem.d.ts.map +1 -1
- package/dist/RadioList/RadioListItem.js +3 -1
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +4 -4
- package/dist/SideNav/SideNav.js +3 -3
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/Slider.js +2 -2
- package/dist/Stack/stack.stylex.d.ts +3 -3
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +2 -2
- package/dist/Table/plugins/columnResize/useTableColumnResize.js +2 -2
- package/dist/Table/plugins/stickyColumns/useTableStickyColumns.d.ts.map +1 -1
- package/dist/Table/plugins/stickyColumns/useTableStickyColumns.js +3 -3
- package/dist/TextArea/TextArea.d.ts.map +1 -1
- package/dist/TextArea/TextArea.js +2 -2
- package/dist/Thumbnail/Thumbnail.d.ts.map +1 -1
- package/dist/Thumbnail/Thumbnail.js +3 -3
- package/dist/Toast/ToastViewport.d.ts.map +1 -1
- package/dist/Toast/ToastViewport.js +2 -2
- package/dist/astryx.css +8 -7
- package/dist/theme/defineTheme.d.ts +2 -2
- package/dist/theme/defineTheme.d.ts.map +1 -1
- package/dist/theme/defineTheme.js +2 -1
- package/dist/theme/index.d.ts +2 -2
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +1 -1
- package/dist/theme/tokens.stylex.d.ts +9 -0
- package/dist/theme/tokens.stylex.d.ts.map +1 -1
- package/dist/theme/tokens.stylex.js +18 -0
- package/locales/fr-FR.json +0 -4
- package/package.json +2 -2
- package/src/AppShell/AppShell.tsx +3 -2
- package/src/BottomSheet/BottomSheet.tsx +8 -3
- package/src/BottomSheet/BottomSheetEdgeTint.tsx +3 -2
- package/src/BottomSheet/BottomSheetPanel.tsx +2 -1
- package/src/BottomSheet/BottomSheetSwitcher.tsx +7 -2
- package/src/Calendar/styles.ts +2 -1
- package/src/Chat/ChatComposer.tsx +3 -1
- package/src/Chat/ChatComposerDrawer.tsx +2 -1
- package/src/Chat/ChatDictationButton.tsx +2 -2
- package/src/Chat/ChatLayout.tsx +2 -2
- package/src/Chat/useChatStreamScroll.test.tsx +5 -168
- package/src/Chat/useChatStreamScroll.ts +67 -71
- package/src/CheckboxInput/CheckboxInput.tsx +2 -1
- package/src/CodeBlock/CodeBlock.tsx +2 -1
- package/src/Collapsible/Collapsible.tsx +0 -10
- package/src/Field/inputStyles.stylex.ts +2 -1
- package/src/FileInput/FileInput.tsx +3 -2
- package/src/InputGroup/groupStyles.ts +2 -2
- package/src/Lightbox/Lightbox.tsx +9 -4
- package/src/NumberInput/NumberInput.tsx +2 -1
- package/src/Outline/Outline.tsx +2 -1
- package/src/Popover/usePopover.tsx +2 -1
- package/src/RadioList/RadioListItem.tsx +2 -1
- package/src/Resizable/ResizeHandle.tsx +6 -3
- package/src/SideNav/SideNav.tsx +2 -2
- package/src/Slider/Slider.tsx +2 -1
- package/src/Switch/Switch.tsx +2 -1
- package/src/Table/plugins/columnResize/useTableColumnResize.tsx +2 -2
- package/src/Table/plugins/stickyColumns/useTableStickyColumns.tsx +9 -3
- package/src/TextArea/TextArea.tsx +2 -1
- package/src/Thumbnail/Thumbnail.tsx +3 -2
- package/src/Toast/ToastViewport.tsx +7 -2
- package/src/Tokenizer/Tokenizer.doc.mjs +0 -14
- package/src/theme/defineTheme.test.ts +13 -0
- package/src/theme/defineTheme.ts +3 -0
- package/src/theme/index.ts +3 -0
- package/src/theme/tokens.stylex.ts +22 -0
- package/src/theme/tokens.test.ts +15 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../src/AppShell/AppShell.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAQL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAoBf,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAO5C,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AA+BhD;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE7D;;;;;;;GAOG;AAEH;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,kBAAkB,CAAC;AAEvD;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAEhC;;;;;;;;;OASG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;IAE7B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,eAAe,GAAG,SAAS,CAAC;IAEhD;;;;;;;;;;;;;;;;;;;;;;;;;OAyBG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AA4KD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAoB,EACpB,MAAM,EACN,QAAQ,EACR,cAAc,EACd,aAAa,EAAE,UAAU,EACzB,MAAe,EACf,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,aAAa,qBAiZf;yBAhae,QAAQ"}
|
|
@@ -23,7 +23,7 @@ import React from 'react';
|
|
|
23
23
|
import { isValidElement, useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
|
|
24
24
|
import * as stylex from '@stylexjs/stylex';
|
|
25
25
|
import "../theme/tokens.stylex.js";
|
|
26
|
-
import { colorVars, fontWeightVars, radiusVars, spacingVars, typeScaleVars } from "../theme/tokens.stylex.js";
|
|
26
|
+
import { appearanceVars, colorVars, fontWeightVars, radiusVars, spacingVars, typeScaleVars } from "../theme/tokens.stylex.js";
|
|
27
27
|
import { Layout } from "../Layout/Layout.js";
|
|
28
28
|
import { LayoutHeader } from "../Layout/LayoutHeader.js";
|
|
29
29
|
import { LayoutPanel } from "../Layout/LayoutPanel.js";
|
|
@@ -147,7 +147,7 @@ const styles = {
|
|
|
147
147
|
kLqNvP: "x1o0tod xodanix",
|
|
148
148
|
kWkggS: "x10xzikg",
|
|
149
149
|
kMwMTN: "xjse4m1",
|
|
150
|
-
kY2c9j: "
|
|
150
|
+
kY2c9j: "xoqq3by",
|
|
151
151
|
kybGjl: "x1hl2dhg",
|
|
152
152
|
k63SB2: "x2mo6ok",
|
|
153
153
|
kGuDYH: "xjm74w1",
|
|
@@ -185,7 +185,7 @@ const styles = {
|
|
|
185
185
|
headerSticky: {
|
|
186
186
|
kVAEAm: "x7wzq59",
|
|
187
187
|
k87sOh: "x13vifvy",
|
|
188
|
-
kY2c9j: "
|
|
188
|
+
kY2c9j: "x1o19bwi",
|
|
189
189
|
$$css: true
|
|
190
190
|
},
|
|
191
191
|
panelAutoFill: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAOL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,WAAW,CAAC;AAoB7C,YAAY,EAAC,iBAAiB,EAAE,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAChF,OAAO,KAAK,EAAC,iBAAiB,EAAE,oBAAoB,EAAC,MAAM,oBAAoB,CAAC;AAyEhF,UAAU,sBAAuB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAChE,qDAAqD;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IAEd,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IAEpB,wGAAwG;IACxG,MAAM,CAAC,EAAE,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;IAE7C;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAEjD;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB;AAED,UAAU,0BAA2B,SAAQ,sBAAsB;IACjE,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB;AAED,MAAM,MAAM,gBAAgB,GAC1B,0BAA0B,GAAG,wBAAwB,CAAC;AA4XxD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA6BlD;yBA7Be,WAAW"}
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
import { use, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
28
28
|
import * as stylex from '@stylexjs/stylex';
|
|
29
29
|
import "../theme/tokens.stylex.js";
|
|
30
|
-
import { colorVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
|
|
30
|
+
import { appearanceVars, colorVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
|
|
31
31
|
import { isImeKeyEvent, useDevWarning, useScrollLock } from "../hooks/index.js";
|
|
32
32
|
import { BottomSheetPanel } from "./BottomSheetPanel.js";
|
|
33
33
|
import { BottomSheetEdgeTint } from "./BottomSheetEdgeTint.js";
|
|
@@ -223,28 +223,28 @@ function StandaloneBottomSheet({
|
|
|
223
223
|
className: "xixxii4 x10a8y8t x1o6l61p xtdtrs8 x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x142juwg x1viac0w x1cz9k3x"
|
|
224
224
|
},
|
|
225
225
|
1: {
|
|
226
|
-
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz x47corl
|
|
226
|
+
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz x47corl xoqq3by xh8yej3 x5yr21d"
|
|
227
227
|
},
|
|
228
228
|
9: {
|
|
229
|
-
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq x47corl
|
|
229
|
+
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq x47corl xoqq3by xh8yej3 x5yr21d"
|
|
230
230
|
},
|
|
231
231
|
5: {
|
|
232
|
-
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x15h3t91 x142juwg x1viac0w x47corl
|
|
232
|
+
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x15h3t91 x142juwg x1viac0w x47corl xoqq3by xh8yej3 x5yr21d"
|
|
233
233
|
},
|
|
234
234
|
13: {
|
|
235
|
-
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x15h3t91 x142juwg x1viac0w x47corl
|
|
235
|
+
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x15h3t91 x142juwg x1viac0w x47corl xoqq3by xh8yej3 x5yr21d"
|
|
236
236
|
},
|
|
237
237
|
3: {
|
|
238
|
-
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz x1cz9k3x x47corl
|
|
238
|
+
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz x1cz9k3x x47corl xoqq3by xh8yej3 x5yr21d"
|
|
239
239
|
},
|
|
240
240
|
11: {
|
|
241
|
-
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq x1cz9k3x x47corl
|
|
241
|
+
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq x1cz9k3x x47corl xoqq3by xh8yej3 x5yr21d"
|
|
242
242
|
},
|
|
243
243
|
7: {
|
|
244
|
-
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x142juwg x1viac0w x1cz9k3x x47corl
|
|
244
|
+
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1s85apg x1a2a7pz xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x142juwg x1viac0w x1cz9k3x x47corl xoqq3by xh8yej3 x5yr21d"
|
|
245
245
|
},
|
|
246
246
|
15: {
|
|
247
|
-
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x142juwg x1viac0w x1cz9k3x x47corl
|
|
247
|
+
className: "xixxii4 x10a8y8t x1x1rfll x7ab17h x1ghz6dp x1717udv xjbqb8w x1rea2x4 x1a2a7pz x1lliihq xnixb3f xni466t xxiuuzi xc0dz0a xft5bk6 x142juwg x1viac0w x1cz9k3x x47corl xoqq3by xh8yej3 x5yr21d"
|
|
248
248
|
}
|
|
249
249
|
}[!!shouldPresent << 3 | !!hasScrim << 2 | !!(hasScrim && !isOpen && isPresented) << 1 | !!!hasScrim << 0],
|
|
250
250
|
ref: dialogRef,
|
|
@@ -382,10 +382,10 @@ function SwitcherBottomSheetItem({
|
|
|
382
382
|
className: "x10l6tqk x17y0mx6 x1ey2m1c xl56j7k x47corl x1s85apg"
|
|
383
383
|
},
|
|
384
384
|
1: {
|
|
385
|
-
className: "x10l6tqk x17y0mx6 x1ey2m1c x78zum5 xl56j7k x47corl
|
|
385
|
+
className: "x10l6tqk x17y0mx6 x1ey2m1c x78zum5 xl56j7k x47corl x1o19bwi"
|
|
386
386
|
},
|
|
387
387
|
3: {
|
|
388
|
-
className: "x10l6tqk x17y0mx6 x1ey2m1c xl56j7k x47corl x1s85apg
|
|
388
|
+
className: "x10l6tqk x17y0mx6 x1ey2m1c xl56j7k x47corl x1s85apg x1o19bwi"
|
|
389
389
|
}
|
|
390
390
|
}[!!!isPresented << 1 | !!isTopSheet << 0],
|
|
391
391
|
hidden: !isPresented,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetEdgeTint.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetEdgeTint.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BottomSheetEdgeTint.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetEdgeTint.tsx"],"names":[],"mappings":"AAmEA;;;GAGG;AACH,wBAAgB,mBAAmB,gCAQlC"}
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
*/
|
|
35
35
|
import * as stylex from '@stylexjs/stylex';
|
|
36
36
|
import "../theme/tokens.stylex.js";
|
|
37
|
-
import { colorVars } from "../theme/tokens.stylex.js";
|
|
37
|
+
import { appearanceVars, colorVars } from "../theme/tokens.stylex.js";
|
|
38
38
|
|
|
39
39
|
/**
|
|
40
40
|
* WebKit ignores the declared `background-color` of a sampled box thinner than
|
|
@@ -51,7 +51,7 @@ const SAMPLE_HEIGHT_PX = 12;
|
|
|
51
51
|
export function BottomSheetEdgeTint() {
|
|
52
52
|
return /*#__PURE__*/_jsx("div", {
|
|
53
53
|
...{
|
|
54
|
-
className: "xixxii4 x17y0mx6 x1ey2m1c x1kpxq89 x10xzikg
|
|
54
|
+
className: "xixxii4 x17y0mx6 x1ey2m1c x1kpxq89 x10xzikg x11axy42 x47corl x1cb67k9 xt2iwb0"
|
|
55
55
|
},
|
|
56
56
|
"data-sheet-edge-tint": "",
|
|
57
57
|
"aria-hidden": "true"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetPanel.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetPanel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheetPanel.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetPanel.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAe5C,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,eAAe,CAAC;AAIvB,QAAA,MAAM,cAAc;;;;CAIV,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,cAAc,CAAC;AAC5D,YAAY,EAAC,oBAAoB,EAAC,CAAC;AA2LnC,MAAM,MAAM,sBAAsB,GAChC,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,qBAAqB,GAC7B;IAAC,IAAI,EAAE,QAAQ,CAAA;CAAC,GAChB;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAC,GACjC;IACE,IAAI,EAAE,UAAU,CAAC;IACjB,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC1C,eAAe,EAAE,MAAM,CAAC;CACzB,GACD;IAAC,IAAI,EAAE,SAAS,CAAA;CAAC,CAAC;AAEtB,UAAU,qBAAsB,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/D,+CAA+C;IAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,MAAM,EAAE,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAAC;IACjD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3D,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACzD,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,KAAK,IAAI,CAAC;CAC7D;AA+GD,4EAA4E;AAC5E,wBAAgB,gBAAgB,CAAC,EAC/B,GAAG,EACH,KAAK,EACL,MAAM,EACN,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,qBAA4B,EAC5B,kBAA0B,EAC1B,SAAS,EACT,cAAc,EACd,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,qBAAqB,+BAyQvB;yBA3Re,gBAAgB"}
|
|
@@ -24,7 +24,7 @@ import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo,
|
|
|
24
24
|
import * as stylex from '@stylexjs/stylex';
|
|
25
25
|
import { useDevWarning } from "../hooks/index.js";
|
|
26
26
|
import "../theme/tokens.stylex.js";
|
|
27
|
-
import { borderVars, colorVars, durationVars, easeVars, radiusVars, shadowVars, sizeVars, spacingVars } from "../theme/tokens.stylex.js";
|
|
27
|
+
import { appearanceVars, borderVars, colorVars, durationVars, easeVars, radiusVars, shadowVars, sizeVars, spacingVars } from "../theme/tokens.stylex.js";
|
|
28
28
|
import { mergeProps, themeProps } from "../utils/index.js";
|
|
29
29
|
import { overlayPaddingReset } from "../Layout/padding.stylex.js";
|
|
30
30
|
import { isValidSnapPoint, resolveSnapPoints } from "./snapOffsets.js";
|
|
@@ -428,7 +428,7 @@ export function BottomSheetPanel({
|
|
|
428
428
|
}),
|
|
429
429
|
children: [/*#__PURE__*/_jsx("div", {
|
|
430
430
|
...{
|
|
431
|
-
className: "x10l6tqk x13vifvy x1o0tod xtijo5x
|
|
431
|
+
className: "x10l6tqk x13vifvy x1o0tod xtijo5x x1o19bwi x78zum5 x6s0dn4 xl56j7k xvpftlf xafqdz2 x5ve5x3 x1jm3nie x16khyan"
|
|
432
432
|
},
|
|
433
433
|
...handleProps,
|
|
434
434
|
"aria-hidden": "true",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomSheetSwitcher.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetSwitcher.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"BottomSheetSwitcher.d.ts","sourceRoot":"","sources":["../../src/BottomSheet/BottomSheetSwitcher.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA0I5C,MAAM,WAAW,wBAAyB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAC5E,iDAAiD;IACjD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE9D;;;;;OAKG;IACH,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,iEAAiE;IACjE,mBAAmB,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEtD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0DAA0D;IAC1D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,WAAW,EACX,mBAAmB,EACnB,QAAe,EACf,QAAQ,EACR,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,+BA8Z1B;yBA3ae,mBAAmB"}
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
import { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
33
33
|
import * as stylex from '@stylexjs/stylex';
|
|
34
34
|
import "../theme/tokens.stylex.js";
|
|
35
|
-
import { colorVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
|
|
35
|
+
import { appearanceVars, colorVars, durationVars, easeVars } from "../theme/tokens.stylex.js";
|
|
36
36
|
import { hasActiveFocusTrapEscape, isImeKeyEvent, useFocusTrap, useScrollLock } from "../hooks/index.js";
|
|
37
37
|
import { composeEventHandlers, mergeProps } from "../utils/index.js";
|
|
38
38
|
import { BottomSheetEdgeTint } from "./BottomSheetEdgeTint.js";
|
|
@@ -61,7 +61,7 @@ const styles = {
|
|
|
61
61
|
},
|
|
62
62
|
dialogNonModal: {
|
|
63
63
|
kfzvcC: "x47corl",
|
|
64
|
-
kY2c9j: "
|
|
64
|
+
kY2c9j: "xoqq3by",
|
|
65
65
|
kzqmXN: "xh8yej3",
|
|
66
66
|
kZKoxP: "x5yr21d",
|
|
67
67
|
$$css: true
|
|
@@ -152,7 +152,7 @@ export declare const dayCellStyles: Readonly<{
|
|
|
152
152
|
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--font-size-base)">;
|
|
153
153
|
readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
|
|
154
154
|
readonly position: stylex.StyleXClassNameFor<"position", "relative">;
|
|
155
|
-
readonly zIndex: stylex.StyleXClassNameFor<"zIndex",
|
|
155
|
+
readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
|
|
156
156
|
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "none" | "background-color, color">;
|
|
157
157
|
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms">;
|
|
158
158
|
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Calendar/styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Calendar/styles.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAiB3C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCzB,CAAC;AAMH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuC1B,CAAC;AAiBH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+GxB,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8DvB,CAAC"}
|
package/dist/Calendar/styles.js
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
import * as stylex from '@stylexjs/stylex';
|
|
17
17
|
import "../theme/tokens.stylex.js";
|
|
18
|
-
import { colorVars, spacingVars, sizeVars, radiusVars, durationVars, easeVars, fontWeightVars, typeScaleVars } from "../theme/tokens.stylex.js";
|
|
18
|
+
import { appearanceVars, colorVars, spacingVars, sizeVars, radiusVars, durationVars, easeVars, fontWeightVars, typeScaleVars } from "../theme/tokens.stylex.js";
|
|
19
19
|
|
|
20
20
|
// =============================================================================
|
|
21
21
|
// Calendar Container Styles
|
|
@@ -205,7 +205,7 @@ export const dayCellStyles = {
|
|
|
205
205
|
kGuDYH: "xjm74w1",
|
|
206
206
|
kmVPX3: "x1717udv",
|
|
207
207
|
kVAEAm: "x1n2onr6",
|
|
208
|
-
kY2c9j: "
|
|
208
|
+
kY2c9j: "x1o19bwi",
|
|
209
209
|
k1ekBW: "xs2xxs2 x4wkmsb",
|
|
210
210
|
kIyJzY: "xuedmi6",
|
|
211
211
|
kAMwcw: "xlr8y92",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatComposer.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatComposer.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAgC5C,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAEtE,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,UAAU,CACxB;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,+CAA+C;IAC/C,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kFAAkF;IAClF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sBAAsB;IACtB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAI3B,6GAA6G;IAC7G,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,yHAAyH;IACzH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,yGAAyG;IACzG,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gHAAgH;IAChH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gHAAgH;IAChH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,gDAAgD;IAChD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,iEAAiE;IACjE,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,oDAAoD;IACpD,cAAc,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACnC;AA+MD;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBA2MpD;yBA3Me,YAAY"}
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
import React, { useState, useCallback, useRef, useMemo } from 'react';
|
|
26
26
|
import * as stylex from '@stylexjs/stylex';
|
|
27
27
|
import "../theme/tokens.stylex.js";
|
|
28
|
-
import { colorVars, spacingVars, radiusVars, shadowVars, durationVars, easeVars, borderVars, typeScaleVars, typographyVars } from "../theme/tokens.stylex.js";
|
|
28
|
+
import { appearanceVars, colorVars, spacingVars, radiusVars, shadowVars, durationVars, easeVars, borderVars, typeScaleVars, typographyVars } from "../theme/tokens.stylex.js";
|
|
29
29
|
import { mergeProps } from "../utils/index.js";
|
|
30
30
|
import { Icon } from "../Icon/index.js";
|
|
31
31
|
import { ChatComposerInput } from "./ChatComposerInput.js";
|
|
@@ -47,7 +47,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
47
47
|
const styles = {
|
|
48
48
|
body: {
|
|
49
49
|
kVAEAm: "x1n2onr6",
|
|
50
|
-
kY2c9j: "
|
|
50
|
+
kY2c9j: "x11axy42",
|
|
51
51
|
k1xSpc: "x78zum5",
|
|
52
52
|
kXwgrk: "xdt5ytf",
|
|
53
53
|
kmVPX3: "x18oj4ui",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatComposerDrawer.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposerDrawer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatComposerDrawer.d.ts","sourceRoot":"","sources":["../../src/Chat/ChatComposerDrawer.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EAAkB,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAanD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,uBAAwB,SAAQ,SAAS,CAAC,cAAc,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnD;;;;;;;;;OASG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmID;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,GAAG,EACH,QAAQ,EACR,KAAK,EACL,KAAK,EAAE,cAAc,EACrB,WAAW,EAAE,mBAAmB,EAChC,kBAA0B,EAC1B,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,SAAS,EACb,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CA6F9C;yBA1Ge,kBAAkB"}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
import { useId, useState } from 'react';
|
|
20
20
|
import * as stylex from '@stylexjs/stylex';
|
|
21
21
|
import "../theme/tokens.stylex.js";
|
|
22
|
-
import { colorVars, spacingVars, radiusVars, durationVars, easeVars, typeScaleVars } from "../theme/tokens.stylex.js";
|
|
22
|
+
import { appearanceVars, colorVars, spacingVars, radiusVars, durationVars, easeVars, typeScaleVars } from "../theme/tokens.stylex.js";
|
|
23
23
|
import { Badge } from "../Badge/index.js";
|
|
24
24
|
import { mergeProps } from "../utils/index.js";
|
|
25
25
|
import { themeProps } from "../utils/themeProps.js";
|
|
@@ -28,7 +28,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
28
28
|
const styles = {
|
|
29
29
|
root: {
|
|
30
30
|
kVAEAm: "x1n2onr6",
|
|
31
|
-
kY2c9j: "
|
|
31
|
+
kY2c9j: "x1o19bwi",
|
|
32
32
|
k1xSpc: "x78zum5",
|
|
33
33
|
kXwgrk: "xdt5ytf",
|
|
34
34
|
kVQacm: "xb3r6kr",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
import React from 'react';
|
|
21
21
|
import * as stylex from '@stylexjs/stylex';
|
|
22
22
|
import "../theme/tokens.stylex.js";
|
|
23
|
-
import { colorVars, radiusVars } from "../theme/tokens.stylex.js";
|
|
23
|
+
import { appearanceVars, colorVars, radiusVars } from "../theme/tokens.stylex.js";
|
|
24
24
|
import { Button } from "../Button/index.js";
|
|
25
25
|
import { Icon } from "../Icon/index.js";
|
|
26
26
|
import { mergeProps } from "../utils/index.js";
|
|
@@ -118,7 +118,7 @@ export function ChatDictationButton({
|
|
|
118
118
|
children: [isListening && /*#__PURE__*/_jsx("span", {
|
|
119
119
|
"aria-hidden": true,
|
|
120
120
|
...mergeProps({
|
|
121
|
-
className: "x10l6tqk x78zum5 x6s0dn4 xl56j7k x47corl
|
|
121
|
+
className: "x10l6tqk x78zum5 x6s0dn4 xl56j7k x47corl x1o19bwi"
|
|
122
122
|
}, {
|
|
123
123
|
style: {
|
|
124
124
|
gap: barGap,
|
package/dist/Chat/ChatLayout.js
CHANGED
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
import { useMemo, useRef } from 'react';
|
|
32
32
|
import * as stylex from '@stylexjs/stylex';
|
|
33
33
|
import "../theme/tokens.stylex.js";
|
|
34
|
-
import { spacingVars } from "../theme/tokens.stylex.js";
|
|
34
|
+
import { appearanceVars, spacingVars } from "../theme/tokens.stylex.js";
|
|
35
35
|
import { mergeProps } from "../utils/index.js";
|
|
36
36
|
import { useChatStreamScroll } from "./useChatStreamScroll.js";
|
|
37
37
|
import { useChatNewMessages } from "./useChatNewMessages.js";
|
|
@@ -92,7 +92,7 @@ const styles = {
|
|
|
92
92
|
},
|
|
93
93
|
dock: {
|
|
94
94
|
kVAEAm: "x1n2onr6",
|
|
95
|
-
kY2c9j: "
|
|
95
|
+
kY2c9j: "x1o19bwi",
|
|
96
96
|
kfzvcC: "x67bb7w",
|
|
97
97
|
kg3NbH: "xrrkdod",
|
|
98
98
|
kGO01o: "xvmdzux",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChatStreamScroll.d.ts","sourceRoot":"","sources":["../../src/Chat/useChatStreamScroll.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useChatStreamScroll.d.ts","sourceRoot":"","sources":["../../src/Chat/useChatStreamScroll.ts"],"names":[],"mappings":"AAoCA,MAAM,WAAW,yBAAyB;IACxC;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CACjC;AAED,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAE/C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,yBAAyB;IACxC,6DAA6D;IAC7D,YAAY,EAAE,OAAO,CAAC;IAEtB,yDAAyD;IACzD,QAAQ,EAAE,OAAO,CAAC;IAElB,yDAAyD;IACzD,cAAc,EAAE,CAAC,OAAO,CAAC,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAE9D,sFAAsF;IACtF,eAAe,EAAE,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC;IAE3C,6CAA6C;IAC7C,IAAI,EAAE,MAAM,IAAI,CAAC;IAEjB,0BAA0B;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;IAEnB,oEAAoE;IACpE,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,mDAAmD;IACnD,mBAAmB,EAAE,MAAM,IAAI,CAAC;CACjC;AAQD,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,OAAc,EACd,aAAkB,EAClB,eAAqB,EACrB,OAAa,EACb,SAAgB,EAChB,IAAW,GACZ,EAAE,0BAA0B,GAAG,yBAAyB,CAyRxD"}
|
|
@@ -18,12 +18,10 @@
|
|
|
18
18
|
* - Under `prefers-reduced-motion`, every spring path falls back to the
|
|
19
19
|
* same instant jump — following still works, it just doesn't animate
|
|
20
20
|
*
|
|
21
|
-
*
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
*
|
|
25
|
-
* it disables scroll anchoring on the container, so the only move the
|
|
26
|
-
* browser makes on its own is a resize clamp onto the bottom.
|
|
21
|
+
* Uses scroll direction (lastScrollTop comparison) to detect user
|
|
22
|
+
* intent — works for wheel, touch, scrollbar drag, keyboard, everything.
|
|
23
|
+
* Tracks scrollHeight/offsetHeight changes to ignore Chrome synthetic
|
|
24
|
+
* scroll events caused by content resize.
|
|
27
25
|
*
|
|
28
26
|
* SYNC: When modified, update:
|
|
29
27
|
* - /packages/core/src/Chat/index.ts (exports)
|
|
@@ -40,24 +38,6 @@ import { useMediaQuery } from "../hooks/useMediaQuery.js";
|
|
|
40
38
|
// =============================================================================
|
|
41
39
|
|
|
42
40
|
const SIXTY_FPS_MS = 1000 / 60;
|
|
43
|
-
|
|
44
|
-
// While following, the hook owns the container's position, so the browser's
|
|
45
|
-
// scroll anchoring must not move it. The rule rides on an attribute rather
|
|
46
|
-
// than the element's inline style: a consumer's own `overflow-anchor` is never
|
|
47
|
-
// read, written or restored — it simply applies again once the attribute is
|
|
48
|
-
// gone. `!important` so an inline `auto` cannot switch anchoring back on under
|
|
49
|
-
// a following container; an inline `!important` still wins, deliberately.
|
|
50
|
-
const FOLLOWING_ATTR = 'data-astryx-chat-following';
|
|
51
|
-
const FOLLOWING_STYLE_ATTR = 'data-astryx-chat-following-style';
|
|
52
|
-
function ensureFollowingStyle() {
|
|
53
|
-
if (typeof document === 'undefined' || document.head.querySelector(`[${FOLLOWING_STYLE_ATTR}]`)) {
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
const style = document.createElement('style');
|
|
57
|
-
style.setAttribute(FOLLOWING_STYLE_ATTR, '');
|
|
58
|
-
style.textContent = `[${FOLLOWING_ATTR}]{overflow-anchor:none !important}`;
|
|
59
|
-
document.head.appendChild(style);
|
|
60
|
-
}
|
|
61
41
|
export function useChatStreamScroll({
|
|
62
42
|
scrollRef,
|
|
63
43
|
enabled = true,
|
|
@@ -76,24 +56,12 @@ export function useChatStreamScroll({
|
|
|
76
56
|
const velocityRef = useRef(0);
|
|
77
57
|
const animatingRef = useRef(false);
|
|
78
58
|
const lastTickRef = useRef(undefined);
|
|
79
|
-
// The spring's pending frame, so a jump can cancel it for real.
|
|
80
|
-
const rafRef = useRef(0);
|
|
81
|
-
// The last position this hook set or saw. Updated by every write of ours
|
|
82
|
-
// (spring frame, jump, scrollToMessage) as well as by every scroll event,
|
|
83
|
-
// so a reader's move that lands between two spring frames still shows as
|
|
84
|
-
// "above where we put it" even when the next frame's write outran it.
|
|
85
|
-
const lastScrollTopRef = useRef(0);
|
|
86
59
|
|
|
87
|
-
//
|
|
88
|
-
|
|
89
|
-
//
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
const setLocked = useCallback(locked => {
|
|
93
|
-
lockedRef.current = locked;
|
|
94
|
-
setIsLocked(locked);
|
|
95
|
-
scrollRef.current?.toggleAttribute(FOLLOWING_ATTR, locked);
|
|
96
|
-
}, [scrollRef]);
|
|
60
|
+
// For scroll direction detection
|
|
61
|
+
const lastScrollTopRef = useRef(0);
|
|
62
|
+
// For synthetic scroll detection
|
|
63
|
+
const lastScrollHeightRef = useRef(0);
|
|
64
|
+
const lastOffsetHeightRef = useRef(0);
|
|
97
65
|
|
|
98
66
|
// --- Spring animation ---
|
|
99
67
|
|
|
@@ -126,8 +94,7 @@ export function useChatStreamScroll({
|
|
|
126
94
|
lastTickRef.current = now;
|
|
127
95
|
velocityRef.current = (damping * velocityRef.current + stiffness * diff) / mass;
|
|
128
96
|
el.scrollTop += velocityRef.current * tickDelta;
|
|
129
|
-
|
|
130
|
-
rafRef.current = requestAnimationFrame(animate);
|
|
97
|
+
requestAnimationFrame(animate);
|
|
131
98
|
}, [scrollRef, damping, stiffness, mass]);
|
|
132
99
|
|
|
133
100
|
// Jump to the bottom in a single frame — cancels any in-flight spring so
|
|
@@ -137,7 +104,6 @@ export function useChatStreamScroll({
|
|
|
137
104
|
if (!el) {
|
|
138
105
|
return;
|
|
139
106
|
}
|
|
140
|
-
cancelAnimationFrame(rafRef.current);
|
|
141
107
|
animatingRef.current = false;
|
|
142
108
|
velocityRef.current = 0;
|
|
143
109
|
lastTickRef.current = undefined;
|
|
@@ -159,14 +125,15 @@ export function useChatStreamScroll({
|
|
|
159
125
|
if (!animatingRef.current) {
|
|
160
126
|
animatingRef.current = true;
|
|
161
127
|
lastTickRef.current = undefined;
|
|
162
|
-
|
|
128
|
+
requestAnimationFrame(animate);
|
|
163
129
|
}
|
|
164
130
|
}, [animate, jumpToBottom, prefersReducedMotion]);
|
|
165
131
|
|
|
166
132
|
// --- Public API ---
|
|
167
133
|
|
|
168
134
|
const scrollToBottom = useCallback(options => {
|
|
169
|
-
|
|
135
|
+
lockedRef.current = true;
|
|
136
|
+
setIsLocked(true);
|
|
170
137
|
setIsScrolledUp(false);
|
|
171
138
|
initialFillPendingRef.current = false;
|
|
172
139
|
if (options?.behavior === 'instant') {
|
|
@@ -174,7 +141,7 @@ export function useChatStreamScroll({
|
|
|
174
141
|
return;
|
|
175
142
|
}
|
|
176
143
|
startAnimation();
|
|
177
|
-
}, [
|
|
144
|
+
}, [startAnimation, jumpToBottom]);
|
|
178
145
|
const scrollToMessage = useCallback(el => {
|
|
179
146
|
const container = scrollRef.current;
|
|
180
147
|
if (!container) {
|
|
@@ -201,14 +168,16 @@ export function useChatStreamScroll({
|
|
|
201
168
|
}
|
|
202
169
|
}, [scrollRef, scrollToMessage]);
|
|
203
170
|
const lock = useCallback(() => {
|
|
204
|
-
|
|
171
|
+
lockedRef.current = true;
|
|
172
|
+
setIsLocked(true);
|
|
205
173
|
setIsScrolledUp(false);
|
|
206
174
|
startAnimation();
|
|
207
|
-
}, [
|
|
175
|
+
}, [startAnimation]);
|
|
208
176
|
const unlock = useCallback(() => {
|
|
209
|
-
|
|
177
|
+
lockedRef.current = false;
|
|
210
178
|
animatingRef.current = false;
|
|
211
|
-
|
|
179
|
+
setIsLocked(false);
|
|
180
|
+
}, []);
|
|
212
181
|
const scrollIfLocked = useCallback(() => {
|
|
213
182
|
if (!enabled) {
|
|
214
183
|
return;
|
|
@@ -236,9 +205,11 @@ export function useChatStreamScroll({
|
|
|
236
205
|
if (!el || !enabled) {
|
|
237
206
|
return;
|
|
238
207
|
}
|
|
208
|
+
|
|
209
|
+
// Initialize tracking values
|
|
239
210
|
lastScrollTopRef.current = el.scrollTop;
|
|
240
|
-
|
|
241
|
-
|
|
211
|
+
lastScrollHeightRef.current = el.scrollHeight;
|
|
212
|
+
lastOffsetHeightRef.current = el.offsetHeight;
|
|
242
213
|
const onScroll = () => {
|
|
243
214
|
const {
|
|
244
215
|
scrollTop,
|
|
@@ -249,29 +220,65 @@ export function useChatStreamScroll({
|
|
|
249
220
|
|
|
250
221
|
// Button visibility
|
|
251
222
|
setIsScrolledUp(dist > buttonThreshold);
|
|
223
|
+
|
|
224
|
+
// Detect synthetic scroll — Chrome fires scroll events when
|
|
225
|
+
// scrollHeight or offsetHeight changes (content resize, keyboard).
|
|
226
|
+
const scrollHeightChanged = scrollHeight !== lastScrollHeightRef.current;
|
|
227
|
+
const offsetHeightChanged = offsetHeight !== lastOffsetHeightRef.current;
|
|
228
|
+
lastScrollHeightRef.current = scrollHeight;
|
|
229
|
+
lastOffsetHeightRef.current = offsetHeight;
|
|
230
|
+
if (scrollHeightChanged || offsetHeightChanged) {
|
|
231
|
+
// Synthetic scroll from resize — don't change lock state
|
|
232
|
+
lastScrollTopRef.current = scrollTop;
|
|
233
|
+
return;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
// Scroll direction — unlock on scroll up
|
|
252
237
|
const isScrollingUp = scrollTop < lastScrollTopRef.current;
|
|
253
238
|
lastScrollTopRef.current = scrollTop;
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
// container up to clamp it onto a new, smaller bottom, and a reader
|
|
257
|
-
// scrolling up never lands there. (clientHeight, not dist: offsetHeight
|
|
258
|
-
// includes borders and a horizontal scrollbar.)
|
|
259
|
-
const landedAtBottom = scrollHeight - scrollTop - el.clientHeight < 1;
|
|
260
|
-
if (isScrollingUp && !landedAtBottom && lockedRef.current) {
|
|
261
|
-
setLocked(false);
|
|
239
|
+
if (isScrollingUp && lockedRef.current) {
|
|
240
|
+
lockedRef.current = false;
|
|
262
241
|
animatingRef.current = false;
|
|
242
|
+
setIsLocked(false);
|
|
263
243
|
}
|
|
264
244
|
};
|
|
265
245
|
const onScrollEnd = () => {
|
|
266
246
|
const dist = el.scrollHeight - el.scrollTop - el.offsetHeight;
|
|
267
247
|
if (dist <= lockThreshold) {
|
|
268
|
-
|
|
248
|
+
lockedRef.current = true;
|
|
249
|
+
setIsLocked(true);
|
|
250
|
+
}
|
|
251
|
+
};
|
|
252
|
+
|
|
253
|
+
// Wheel up while animating — interrupt immediately.
|
|
254
|
+
// onScroll direction detection covers most cases, but wheel fires
|
|
255
|
+
// before the scroll position updates so we can react faster.
|
|
256
|
+
const onWheel = e => {
|
|
257
|
+
if (e.deltaY < 0 && animatingRef.current) {
|
|
258
|
+
lockedRef.current = false;
|
|
259
|
+
animatingRef.current = false;
|
|
260
|
+
setIsLocked(false);
|
|
261
|
+
}
|
|
262
|
+
};
|
|
263
|
+
|
|
264
|
+
// Touch move — user is dragging, take control
|
|
265
|
+
const onTouchMove = () => {
|
|
266
|
+
if (animatingRef.current) {
|
|
267
|
+
lockedRef.current = false;
|
|
268
|
+
animatingRef.current = false;
|
|
269
|
+
setIsLocked(false);
|
|
269
270
|
}
|
|
270
271
|
};
|
|
271
272
|
el.addEventListener('scroll', onScroll, {
|
|
272
273
|
passive: true
|
|
273
274
|
});
|
|
274
275
|
el.addEventListener('scrollend', onScrollEnd);
|
|
276
|
+
el.addEventListener('wheel', onWheel, {
|
|
277
|
+
passive: true
|
|
278
|
+
});
|
|
279
|
+
el.addEventListener('touchmove', onTouchMove, {
|
|
280
|
+
passive: true
|
|
281
|
+
});
|
|
275
282
|
|
|
276
283
|
// Initial scroll to bottom — content already present at mount.
|
|
277
284
|
requestAnimationFrame(() => {
|
|
@@ -284,9 +291,10 @@ export function useChatStreamScroll({
|
|
|
284
291
|
return () => {
|
|
285
292
|
el.removeEventListener('scroll', onScroll);
|
|
286
293
|
el.removeEventListener('scrollend', onScrollEnd);
|
|
287
|
-
el.
|
|
294
|
+
el.removeEventListener('wheel', onWheel);
|
|
295
|
+
el.removeEventListener('touchmove', onTouchMove);
|
|
288
296
|
};
|
|
289
|
-
}, [scrollRef, enabled, lockThreshold, buttonThreshold
|
|
297
|
+
}, [scrollRef, enabled, lockThreshold, buttonThreshold]);
|
|
290
298
|
return {
|
|
291
299
|
isScrolledUp,
|
|
292
300
|
isLocked,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/CheckboxInput/CheckboxInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAOL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/CheckboxInput/CheckboxInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAOL,KAAK,WAAW,EAChB,KAAK,UAAU,EACf,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAU3C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAG9C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,SAAS,CAAC;AACtC,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAsEhD,QAAA,MAAM,iBAAiB;;;;;;;;;EASrB,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAE/D,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC;IACrE,wDAAwD;IACxD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxE;;OAEG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,OAAO,EAChB,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAC7B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,OAAO,GAAG,eAAe,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAOD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,SAAiB,EACjB,KAAK,EACL,UAAkB,EAClB,QAAQ,EACR,eAAe,EACf,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,IAAW,EACX,OAAO,EACP,MAAM,EACN,SAAS,EACT,MAAM,EACN,KAAK,EACL,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,IAAI,EACR,EAAE,kBAAkB,+BA+MpB;yBAxOe,aAAa"}
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
import { useId, useCallback, use, useOptimistic, useRef, useTransition } from 'react';
|
|
19
19
|
import * as stylex from '@stylexjs/stylex';
|
|
20
20
|
import "../theme/tokens.stylex.js";
|
|
21
|
-
import { colorVars, spacingVars, typographyVars, typeScaleVars, fontWeightVars } from "../theme/tokens.stylex.js";
|
|
21
|
+
import { appearanceVars, colorVars, spacingVars, typographyVars, typeScaleVars, fontWeightVars } from "../theme/tokens.stylex.js";
|
|
22
22
|
import { FieldLabel } from "../Field/FieldLabel.js";
|
|
23
23
|
import { FieldStatus } from "../FieldStatus/FieldStatus.js";
|
|
24
24
|
import { Spinner } from "../Spinner/index.js";
|
|
@@ -59,7 +59,7 @@ const styles = {
|
|
|
59
59
|
kmVPX3: "x1717udv",
|
|
60
60
|
kSiTet: "xg01cxk",
|
|
61
61
|
kkrTdU: "x1ypdohk x16khyan",
|
|
62
|
-
kY2c9j: "
|
|
62
|
+
kY2c9j: "x1o19bwi",
|
|
63
63
|
$$css: true
|
|
64
64
|
},
|
|
65
65
|
inputCoarse: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/CodeBlock/CodeBlock.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA8B5C,OAAO,EAAc,KAAK,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AA2WxE,MAAM,WAAW,cAAe,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,CACV,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,KACb;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;IAClD,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5C;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,qBAAqB,CAAC;CACrC;AAqPD;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,QAAsB,EACtB,KAAK,EACL,gBAAuB,EACvB,cAAsB,EACtB,cAAc,EACd,aAAoB,EACpB,MAAM,EACN,SAAiB,EACjB,SAAS,EACT,aAAqB,EACrB,oBAAyB,EACzB,IAAW,EACX,KAAK,EAAE,SAAyB,EAChC,SAAkB,EAClB,SAAS,EAAE,eAAe,EAC1B,aAAsB,EACtB,WAAW,EACX,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,cAAc,qBA6OhB;yBArQe,SAAS"}
|