@multiplatform.one/components 7.28.1 → 7.29.1
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/cjs/Accordion/index.cjs +26 -17
- package/dist/cjs/Accordion/index.native.js +36 -27
- package/dist/cjs/Accordion/index.native.js.map +1 -1
- package/dist/cjs/Heading.cjs +74 -30
- package/dist/cjs/Heading.native.js +81 -30
- package/dist/cjs/Heading.native.js.map +1 -1
- package/dist/cjs/ProgressSteps/index.native.js.map +1 -1
- package/dist/cjs/ScrollView/index.native.js +4 -0
- package/dist/cjs/ScrollView/index.native.js.map +1 -1
- package/dist/cjs/SortableList/SortableHandle.cjs +1 -1
- package/dist/cjs/SortableList/SortableHandle.native.js +1 -1
- package/dist/cjs/Text.cjs +58 -21
- package/dist/cjs/Text.native.js +62 -21
- package/dist/cjs/Text.native.js.map +1 -1
- package/dist/cjs/Toast/index.native.js.map +1 -1
- package/dist/cjs/charts/ChartDataView.cjs +2 -1
- package/dist/cjs/charts/ChartDataView.native.js +2 -1
- package/dist/cjs/charts/ChartDataView.native.js.map +1 -1
- package/dist/cjs/code/CodeBlock/index.cjs +8 -8
- package/dist/cjs/code/CodeBlock/index.native.js +8 -8
- package/dist/cjs/code/CodeBlock/index.native.js.map +1 -1
- package/dist/cjs/index.cjs +1 -0
- package/dist/cjs/index.native.js +1 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/layouts/EmptyState.cjs +4 -3
- package/dist/cjs/layouts/EmptyState.native.js +14 -9
- package/dist/cjs/layouts/EmptyState.native.js.map +1 -1
- package/dist/cjs/layouts/page.cjs +2 -1
- package/dist/cjs/layouts/page.native.js +2 -1
- package/dist/cjs/layouts/page.native.js.map +1 -1
- package/dist/cjs/layouts/sidebar.cjs +2 -1
- package/dist/cjs/layouts/sidebar.native.js +2 -1
- package/dist/cjs/layouts/sidebar.native.js.map +1 -1
- package/dist/cjs/layouts/tags.cjs +2 -1
- package/dist/cjs/layouts/tags.native.js +2 -1
- package/dist/cjs/layouts/tags.native.js.map +1 -1
- package/dist/cjs/layouts/toolbar.cjs +2 -1
- package/dist/cjs/layouts/toolbar.native.js +2 -1
- package/dist/cjs/layouts/toolbar.native.js.map +1 -1
- package/dist/cjs/shared/useReturnFocusOnClose.cjs +1 -0
- package/dist/cjs/shared/useReturnFocusOnClose.native.js +1 -0
- package/dist/cjs/shared/useReturnFocusOnClose.native.js.map +1 -1
- package/dist/cjs/surfaces.cjs +61 -0
- package/dist/cjs/surfaces.native.js +73 -0
- package/dist/cjs/surfaces.native.js.map +1 -1
- package/dist/cjs/views/Calendar.cjs +13 -10
- package/dist/cjs/views/Calendar.native.js +13 -10
- package/dist/cjs/views/Calendar.native.js.map +1 -1
- package/dist/cjs/views/Dashboard.cjs +2 -1
- package/dist/cjs/views/Dashboard.native.js +2 -1
- package/dist/cjs/views/Dashboard.native.js.map +1 -1
- package/dist/cjs/views/Gantt.cjs +39 -27
- package/dist/cjs/views/Gantt.native.js +38 -23
- package/dist/cjs/views/Gantt.native.js.map +1 -1
- package/dist/cjs/views/Kanban.cjs +2 -1
- package/dist/cjs/views/Kanban.native.js +1 -0
- package/dist/cjs/views/Kanban.native.js.map +1 -1
- package/dist/cjs/views/List.cjs +1 -0
- package/dist/cjs/views/List.native.js +1 -0
- package/dist/cjs/views/List.native.js.map +1 -1
- package/dist/cjs/views/Matrix.cjs +5 -3
- package/dist/cjs/views/Matrix.native.js +5 -3
- package/dist/cjs/views/Matrix.native.js.map +1 -1
- package/dist/cjs/views/ReportBuilder.cjs +2 -1
- package/dist/cjs/views/ReportBuilder.native.js +2 -1
- package/dist/cjs/views/ReportBuilder.native.js.map +1 -1
- package/dist/cjs/views/TreeView.cjs +2 -1
- package/dist/cjs/views/TreeView.native.js +2 -1
- package/dist/cjs/views/TreeView.native.js.map +1 -1
- package/dist/esm/Accordion/index.mjs +26 -18
- package/dist/esm/Accordion/index.mjs.map +1 -1
- package/dist/esm/Accordion/index.native.js +36 -28
- package/dist/esm/Accordion/index.native.js.map +1 -1
- package/dist/esm/Heading.mjs +74 -30
- package/dist/esm/Heading.mjs.map +1 -1
- package/dist/esm/Heading.native.js +81 -30
- package/dist/esm/Heading.native.js.map +1 -1
- package/dist/esm/ProgressSteps/index.mjs.map +1 -1
- package/dist/esm/ProgressSteps/index.native.js.map +1 -1
- package/dist/esm/ScrollView/index.native.js +4 -0
- package/dist/esm/ScrollView/index.native.js.map +1 -1
- package/dist/esm/SortableList/SortableHandle.mjs +1 -1
- package/dist/esm/SortableList/SortableHandle.native.js +1 -1
- package/dist/esm/SortableList/SortableHandle.native.js.map +1 -1
- package/dist/esm/Text.mjs +58 -21
- package/dist/esm/Text.mjs.map +1 -1
- package/dist/esm/Text.native.js +62 -21
- package/dist/esm/Text.native.js.map +1 -1
- package/dist/esm/Toast/index.mjs.map +1 -1
- package/dist/esm/Toast/index.native.js.map +1 -1
- package/dist/esm/charts/ChartDataView.mjs +2 -1
- package/dist/esm/charts/ChartDataView.mjs.map +1 -1
- package/dist/esm/charts/ChartDataView.native.js +2 -1
- package/dist/esm/charts/ChartDataView.native.js.map +1 -1
- package/dist/esm/code/CodeBlock/index.mjs +1 -1
- package/dist/esm/code/CodeBlock/index.native.js +1 -1
- package/dist/esm/index.mjs +2 -2
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -2
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/layouts/EmptyState.mjs +4 -3
- package/dist/esm/layouts/EmptyState.mjs.map +1 -1
- package/dist/esm/layouts/EmptyState.native.js +14 -9
- package/dist/esm/layouts/EmptyState.native.js.map +1 -1
- package/dist/esm/layouts/page.mjs +2 -1
- package/dist/esm/layouts/page.mjs.map +1 -1
- package/dist/esm/layouts/page.native.js +2 -1
- package/dist/esm/layouts/page.native.js.map +1 -1
- package/dist/esm/layouts/sidebar.mjs +2 -1
- package/dist/esm/layouts/sidebar.mjs.map +1 -1
- package/dist/esm/layouts/sidebar.native.js +2 -1
- package/dist/esm/layouts/sidebar.native.js.map +1 -1
- package/dist/esm/layouts/tags.mjs +2 -1
- package/dist/esm/layouts/tags.mjs.map +1 -1
- package/dist/esm/layouts/tags.native.js +2 -1
- package/dist/esm/layouts/tags.native.js.map +1 -1
- package/dist/esm/layouts/toolbar.mjs +2 -1
- package/dist/esm/layouts/toolbar.mjs.map +1 -1
- package/dist/esm/layouts/toolbar.native.js +2 -1
- package/dist/esm/layouts/toolbar.native.js.map +1 -1
- package/dist/esm/shared/useReturnFocusOnClose.mjs +1 -0
- package/dist/esm/shared/useReturnFocusOnClose.mjs.map +1 -1
- package/dist/esm/shared/useReturnFocusOnClose.native.js +1 -0
- package/dist/esm/shared/useReturnFocusOnClose.native.js.map +1 -1
- package/dist/esm/surfaces.mjs +63 -3
- package/dist/esm/surfaces.mjs.map +1 -1
- package/dist/esm/surfaces.native.js +75 -3
- package/dist/esm/surfaces.native.js.map +1 -1
- package/dist/esm/views/Calendar.mjs +12 -9
- package/dist/esm/views/Calendar.mjs.map +1 -1
- package/dist/esm/views/Calendar.native.js +12 -9
- package/dist/esm/views/Calendar.native.js.map +1 -1
- package/dist/esm/views/Dashboard.mjs +2 -1
- package/dist/esm/views/Dashboard.mjs.map +1 -1
- package/dist/esm/views/Dashboard.native.js +2 -1
- package/dist/esm/views/Dashboard.native.js.map +1 -1
- package/dist/esm/views/Gantt.mjs +37 -25
- package/dist/esm/views/Gantt.mjs.map +1 -1
- package/dist/esm/views/Gantt.native.js +36 -21
- package/dist/esm/views/Gantt.native.js.map +1 -1
- package/dist/esm/views/Kanban.mjs +2 -1
- package/dist/esm/views/Kanban.mjs.map +1 -1
- package/dist/esm/views/Kanban.native.js +1 -0
- package/dist/esm/views/Kanban.native.js.map +1 -1
- package/dist/esm/views/List.mjs +1 -0
- package/dist/esm/views/List.mjs.map +1 -1
- package/dist/esm/views/List.native.js +1 -0
- package/dist/esm/views/List.native.js.map +1 -1
- package/dist/esm/views/Matrix.mjs +3 -1
- package/dist/esm/views/Matrix.mjs.map +1 -1
- package/dist/esm/views/Matrix.native.js +3 -1
- package/dist/esm/views/Matrix.native.js.map +1 -1
- package/dist/esm/views/ReportBuilder.mjs +2 -1
- package/dist/esm/views/ReportBuilder.mjs.map +1 -1
- package/dist/esm/views/ReportBuilder.native.js +2 -1
- package/dist/esm/views/ReportBuilder.native.js.map +1 -1
- package/dist/esm/views/TreeView.mjs +2 -1
- package/dist/esm/views/TreeView.mjs.map +1 -1
- package/dist/esm/views/TreeView.native.js +2 -1
- package/dist/esm/views/TreeView.native.js.map +1 -1
- package/dist/jsx/Accordion/index.mjs +26 -18
- package/dist/jsx/Accordion/index.mjs.map +1 -1
- package/dist/jsx/Accordion/index.native.js +36 -27
- package/dist/jsx/Accordion/index.native.js.map +1 -1
- package/dist/jsx/Heading.mjs +74 -30
- package/dist/jsx/Heading.mjs.map +1 -1
- package/dist/jsx/Heading.native.js +81 -30
- package/dist/jsx/Heading.native.js.map +1 -1
- package/dist/jsx/ProgressSteps/index.mjs.map +1 -1
- package/dist/jsx/ProgressSteps/index.native.js.map +1 -1
- package/dist/jsx/ScrollView/index.native.js +4 -0
- package/dist/jsx/ScrollView/index.native.js.map +1 -1
- package/dist/jsx/SortableList/SortableHandle.mjs +1 -1
- package/dist/jsx/SortableList/SortableHandle.native.js +1 -1
- package/dist/jsx/Text.mjs +58 -21
- package/dist/jsx/Text.mjs.map +1 -1
- package/dist/jsx/Text.native.js +62 -21
- package/dist/jsx/Text.native.js.map +1 -1
- package/dist/jsx/Toast/index.mjs.map +1 -1
- package/dist/jsx/Toast/index.native.js.map +1 -1
- package/dist/jsx/charts/ChartDataView.mjs +2 -1
- package/dist/jsx/charts/ChartDataView.mjs.map +1 -1
- package/dist/jsx/charts/ChartDataView.native.js +2 -1
- package/dist/jsx/charts/ChartDataView.native.js.map +1 -1
- package/dist/jsx/code/CodeBlock/index.mjs +1 -1
- package/dist/jsx/code/CodeBlock/index.native.js +8 -8
- package/dist/jsx/code/CodeBlock/index.native.js.map +1 -1
- package/dist/jsx/index.js +2 -2
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +2 -2
- package/dist/jsx/index.mjs.map +1 -1
- package/dist/jsx/index.native.js +1 -0
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/layouts/EmptyState.mjs +4 -3
- package/dist/jsx/layouts/EmptyState.mjs.map +1 -1
- package/dist/jsx/layouts/EmptyState.native.js +14 -9
- package/dist/jsx/layouts/EmptyState.native.js.map +1 -1
- package/dist/jsx/layouts/page.mjs +2 -1
- package/dist/jsx/layouts/page.mjs.map +1 -1
- package/dist/jsx/layouts/page.native.js +2 -1
- package/dist/jsx/layouts/page.native.js.map +1 -1
- package/dist/jsx/layouts/sidebar.mjs +2 -1
- package/dist/jsx/layouts/sidebar.mjs.map +1 -1
- package/dist/jsx/layouts/sidebar.native.js +2 -1
- package/dist/jsx/layouts/sidebar.native.js.map +1 -1
- package/dist/jsx/layouts/tags.mjs +2 -1
- package/dist/jsx/layouts/tags.mjs.map +1 -1
- package/dist/jsx/layouts/tags.native.js +2 -1
- package/dist/jsx/layouts/tags.native.js.map +1 -1
- package/dist/jsx/layouts/toolbar.mjs +2 -1
- package/dist/jsx/layouts/toolbar.mjs.map +1 -1
- package/dist/jsx/layouts/toolbar.native.js +2 -1
- package/dist/jsx/layouts/toolbar.native.js.map +1 -1
- package/dist/jsx/shared/useReturnFocusOnClose.mjs +1 -0
- package/dist/jsx/shared/useReturnFocusOnClose.mjs.map +1 -1
- package/dist/jsx/shared/useReturnFocusOnClose.native.js +1 -0
- package/dist/jsx/shared/useReturnFocusOnClose.native.js.map +1 -1
- package/dist/jsx/surfaces.mjs +63 -3
- package/dist/jsx/surfaces.mjs.map +1 -1
- package/dist/jsx/surfaces.native.js +73 -0
- package/dist/jsx/surfaces.native.js.map +1 -1
- package/dist/jsx/views/Calendar.mjs +12 -9
- package/dist/jsx/views/Calendar.mjs.map +1 -1
- package/dist/jsx/views/Calendar.native.js +13 -10
- package/dist/jsx/views/Calendar.native.js.map +1 -1
- package/dist/jsx/views/Dashboard.mjs +2 -1
- package/dist/jsx/views/Dashboard.mjs.map +1 -1
- package/dist/jsx/views/Dashboard.native.js +2 -1
- package/dist/jsx/views/Dashboard.native.js.map +1 -1
- package/dist/jsx/views/Gantt.mjs +37 -25
- package/dist/jsx/views/Gantt.mjs.map +1 -1
- package/dist/jsx/views/Gantt.native.js +38 -23
- package/dist/jsx/views/Gantt.native.js.map +1 -1
- package/dist/jsx/views/Kanban.mjs +2 -1
- package/dist/jsx/views/Kanban.mjs.map +1 -1
- package/dist/jsx/views/Kanban.native.js +1 -0
- package/dist/jsx/views/Kanban.native.js.map +1 -1
- package/dist/jsx/views/List.mjs +1 -0
- package/dist/jsx/views/List.mjs.map +1 -1
- package/dist/jsx/views/List.native.js +1 -0
- package/dist/jsx/views/List.native.js.map +1 -1
- package/dist/jsx/views/Matrix.mjs +3 -1
- package/dist/jsx/views/Matrix.mjs.map +1 -1
- package/dist/jsx/views/Matrix.native.js +5 -3
- package/dist/jsx/views/Matrix.native.js.map +1 -1
- package/dist/jsx/views/ReportBuilder.mjs +2 -1
- package/dist/jsx/views/ReportBuilder.mjs.map +1 -1
- package/dist/jsx/views/ReportBuilder.native.js +2 -1
- package/dist/jsx/views/ReportBuilder.native.js.map +1 -1
- package/dist/jsx/views/TreeView.mjs +2 -1
- package/dist/jsx/views/TreeView.mjs.map +1 -1
- package/dist/jsx/views/TreeView.native.js +2 -1
- package/dist/jsx/views/TreeView.native.js.map +1 -1
- package/package.json +9 -9
- package/src/Accordion/index.tsx +34 -15
- package/src/Heading.stories.tsx +13 -0
- package/src/Heading.tsx +62 -21
- package/src/ProgressSteps/ProgressSteps.spec.tsx +2 -3
- package/src/ProgressSteps/index.tsx +3 -4
- package/src/ScrollView/ScrollView.native.spec.tsx +97 -1
- package/src/ScrollView/index.native.tsx +4 -0
- package/src/SortableList/SortableHandle.tsx +2 -2
- package/src/Tabs/Tabs.lifecycle.spec.tsx +3 -1
- package/src/Text.tsx +32 -20
- package/src/Toast/index.tsx +4 -3
- package/src/charts/ChartDataView.tsx +2 -1
- package/src/code/CodeBlock/index.tsx +1 -1
- package/src/feedback/ConfirmDialog.spec.tsx +2 -2
- package/src/icons/phosphorTokenColor.spec.tsx +86 -0
- package/src/index.ts +1 -1
- package/src/layouts/EmptyState.spec.tsx +17 -0
- package/src/layouts/EmptyState.tsx +10 -3
- package/src/layouts/Screen.keyboardTaps.spec.tsx +57 -0
- package/src/layouts/Screen.stories.tsx +55 -2
- package/src/layouts/page.tsx +2 -14
- package/src/layouts/sidebar.tsx +2 -1
- package/src/layouts/tags.tsx +1 -1
- package/src/layouts/toolbar.tsx +2 -1
- package/src/shared/useReturnFocusOnClose.spec.tsx +39 -0
- package/src/shared/useReturnFocusOnClose.ts +4 -0
- package/src/surfaces.spec.tsx +272 -3
- package/src/surfaces.tsx +97 -4
- package/src/textWeight.houseFonts.spec.tsx +127 -0
- package/src/textWeight.native.spec.tsx +27 -0
- package/src/textWeight.spec.tsx +15 -0
- package/src/views/Calendar.tsx +37 -29
- package/src/views/Dashboard.tsx +2 -13
- package/src/views/Gantt.scroll.spec.tsx +4 -1
- package/src/views/Gantt.tsx +40 -25
- package/src/views/Kanban.native.tsx +1 -0
- package/src/views/Kanban.tsx +2 -10
- package/src/views/List.tsx +1 -0
- package/src/views/Matrix.tsx +3 -1
- package/src/views/ReportBuilder.tsx +2 -1
- package/src/views/TreeView.tsx +2 -1
- package/src/views/views.spec.tsx +14 -2
- package/types/Accordion/index.d.ts +8 -0
- package/types/Accordion/index.d.ts.map +1 -1
- package/types/Chip/index.d.ts +1 -1
- package/types/Heading.d.ts +7 -7
- package/types/Heading.d.ts.map +1 -1
- package/types/ProgressSteps/index.d.ts.map +1 -1
- package/types/ScrollView/index.native.d.ts.map +1 -1
- package/types/SortableList/SortableHandle.d.ts +1 -1
- package/types/Tabs/index.d.ts +1 -1
- package/types/Text.d.ts +4 -4
- package/types/Text.d.ts.map +1 -1
- package/types/Toast/index.d.ts.map +1 -1
- package/types/charts/ChartDataView.d.ts.map +1 -1
- package/types/index.d.ts +1 -1
- package/types/index.d.ts.map +1 -1
- package/types/layouts/EmptyState.d.ts.map +1 -1
- package/types/layouts/page.d.ts.map +1 -1
- package/types/layouts/sidebar.d.ts.map +1 -1
- package/types/layouts/tags.d.ts.map +1 -1
- package/types/layouts/toolbar.d.ts.map +1 -1
- package/types/shared/useReturnFocusOnClose.d.ts.map +1 -1
- package/types/surfaces.d.ts +14 -0
- package/types/surfaces.d.ts.map +1 -1
- package/types/views/Calendar.d.ts +18 -1
- package/types/views/Calendar.d.ts.map +1 -1
- package/types/views/Dashboard.d.ts.map +1 -1
- package/types/views/Gantt.d.ts.map +1 -1
- package/types/views/Kanban.d.ts.map +1 -1
- package/types/views/List.d.ts.map +1 -1
- package/types/views/Matrix.d.ts.map +1 -1
- package/types/views/ReportBuilder.d.ts.map +1 -1
- package/types/views/TreeView.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","isWeb","wasKeyboardFocus","canUseDom","document","focusIsDropped","ae","activeElement","body","documentElement","useReturnFocusOnClose","open","prevRef","wasOpenRef","current","restore","target","isConnected","focus","preventScroll","focusVisible","requestAnimationFrame","setTimeout"],"sources":["../../../src/shared/useReturnFocusOnClose.ts"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AACtB,SAASC,gBAAA,QAAwB;AAEjC,MAAMC,SAAA,GAAYA,CAAA,KAAMF,KAAA,IAAS,OAAOG,QAAA,KAAa;AAErD,SAASC,eAAA,EAA0B;EACjC,MAAMC,EAAA,GAAKF,QAAA,CAASG,aAAA;EACpB,OAAO,CAACD,EAAA,IAAMA,EAAA,KAAOF,QAAA,CAASI,IAAA,IAAQF,EAAA,KAAOF,QAAA,CAASK,eAAA;AACxD;AAEO,SAASC,sBAAsBC,IAAA,EAAe;EACnD,MAAMC,OAAA,GAAUZ,MAAA,CAA2B,IAAI;EAC/C,MAAMa,UAAA,GAAab,MAAA,CAAO,KAAK;EAC/B,IAAIG,SAAA,CAAU,GAAG;IACf,IAAIQ,IAAA,IAAQ,CAACE,UAAA,CAAWC,OAAA,EAAS;MAC/BF,OAAA,CAAQE,OAAA,GAAUV,QAAA,CAASG,aAAA;IAC7B;IACAM,UAAA,CAAWC,OAAA,GAAUH,IAAA;EACvB;EACAZ,SAAA,CAAU,MAAM;IACd,IAAI,CAACI,SAAA,CAAU,KAAK,CAACQ,IAAA,EAAM;IAC3B,OAAO,MAAM;MACX,MAAMI,OAAA,GAAUA,CAAA,KAAM;
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","isWeb","wasKeyboardFocus","canUseDom","document","focusIsDropped","ae","activeElement","body","documentElement","useReturnFocusOnClose","open","prevRef","wasOpenRef","current","restore","target","isConnected","focus","preventScroll","focusVisible","requestAnimationFrame","setTimeout"],"sources":["../../../src/shared/useReturnFocusOnClose.ts"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AACtB,SAASC,gBAAA,QAAwB;AAEjC,MAAMC,SAAA,GAAYA,CAAA,KAAMF,KAAA,IAAS,OAAOG,QAAA,KAAa;AAErD,SAASC,eAAA,EAA0B;EACjC,MAAMC,EAAA,GAAKF,QAAA,CAASG,aAAA;EACpB,OAAO,CAACD,EAAA,IAAMA,EAAA,KAAOF,QAAA,CAASI,IAAA,IAAQF,EAAA,KAAOF,QAAA,CAASK,eAAA;AACxD;AAEO,SAASC,sBAAsBC,IAAA,EAAe;EACnD,MAAMC,OAAA,GAAUZ,MAAA,CAA2B,IAAI;EAC/C,MAAMa,UAAA,GAAab,MAAA,CAAO,KAAK;EAC/B,IAAIG,SAAA,CAAU,GAAG;IACf,IAAIQ,IAAA,IAAQ,CAACE,UAAA,CAAWC,OAAA,EAAS;MAC/BF,OAAA,CAAQE,OAAA,GAAUV,QAAA,CAASG,aAAA;IAC7B;IACAM,UAAA,CAAWC,OAAA,GAAUH,IAAA;EACvB;EACAZ,SAAA,CAAU,MAAM;IACd,IAAI,CAACI,SAAA,CAAU,KAAK,CAACQ,IAAA,EAAM;IAC3B,OAAO,MAAM;MACX,MAAMI,OAAA,GAAUA,CAAA,KAAM;QAIpB,IAAI,CAACZ,SAAA,CAAU,GAAG;QAClB,MAAMa,MAAA,GAASJ,OAAA,CAAQE,OAAA;QACvB,IAAI,CAACE,MAAA,IAAU,CAACA,MAAA,CAAOC,WAAA,EAAa;QACpC,IAAIZ,cAAA,CAAe,GAAG;UACpBW,MAAA,CAAOE,KAAA,CAAM;YACXC,aAAA,EAAe;YACfC,YAAA,EAAclB,gBAAA,CAAiB;UACjC,CAAiB;QACnB;MACF;MAGAmB,qBAAA,CAAsB,MAAMA,qBAAA,CAAsBN,OAAO,CAAC;MAC1DO,UAAA,CAAWP,OAAA,EAAS,GAAG;IACzB;EACF,GAAG,CAACJ,IAAI,CAAC;AACX","ignoreList":[]}
|
|
@@ -21,6 +21,7 @@ function useReturnFocusOnClose(open) {
|
|
|
21
21
|
if (!canUseDom() || !open) return;
|
|
22
22
|
return function () {
|
|
23
23
|
var restore = function restore2() {
|
|
24
|
+
if (!canUseDom()) return;
|
|
24
25
|
var target = prevRef.current;
|
|
25
26
|
if (!target || !target.isConnected) return;
|
|
26
27
|
if (focusIsDropped()) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","isWeb","wasKeyboardFocus","canUseDom","canUseDom2","document","focusIsDropped","ae","activeElement","body","documentElement","useReturnFocusOnClose","open","prevRef","wasOpenRef","current","restore","restore2","target","isConnected","focus","preventScroll","focusVisible","requestAnimationFrame"],"sources":["../../../src/shared/useReturnFocusOnClose.ts"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AACtB,SAASC,gBAAA,QAAwB;AAEjC,IAAAC,SAAM,YAAkBC,UAASA,CAAA;EAEjC,OAASH,KAAA,WAAAI,QAA0B;AACjC;AACA,SAAOC,cAAcA,CAAA;EACvB,IAAAC,EAAA,GAAAF,QAAA,CAAAG,aAAA;EAEO,OAAS,CAAAD,EAAA,IAAAA,EAAA,KAAAF,QAAsB,CAAAI,IAAA,IAAeF,EAAA,KAAAF,QAAA,CAAAK,eAAA;AACnD;AACA,SAAMC,qBAAoBA,CAAAC,IAAK;EAC/B,IAAIC,OAAA,GAAUb,MAAG;EACf,IAAAc,UAAY,GAACd,MAAA,MAAW;EACtB,IAAAG,SAAQ;IACV,IAAAS,IAAA,KAAAE,UAAA,CAAAC,OAAA;MACAF,OAAA,CAAAE,OAAW,GAAAV,QAAU,CAAAG,aAAA;IACvB;IACAM,UAAU,CAAAC,OAAM,GAAAH,IAAA;EACd;EACAb,SAAO,aAAM;IACX,KAAAI,SAAM,MAAU,CAAAS,IAAM;
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","isWeb","wasKeyboardFocus","canUseDom","canUseDom2","document","focusIsDropped","ae","activeElement","body","documentElement","useReturnFocusOnClose","open","prevRef","wasOpenRef","current","restore","restore2","target","isConnected","focus","preventScroll","focusVisible","requestAnimationFrame"],"sources":["../../../src/shared/useReturnFocusOnClose.ts"],"sourcesContent":[null],"mappings":"AAiBA,SAASA,SAAA,EAAWC,MAAA,QAAc;AAClC,SAASC,KAAA,QAAa;AACtB,SAASC,gBAAA,QAAwB;AAEjC,IAAAC,SAAM,YAAkBC,UAASA,CAAA;EAEjC,OAASH,KAAA,WAAAI,QAA0B;AACjC;AACA,SAAOC,cAAcA,CAAA;EACvB,IAAAC,EAAA,GAAAF,QAAA,CAAAG,aAAA;EAEO,OAAS,CAAAD,EAAA,IAAAA,EAAA,KAAAF,QAAsB,CAAAI,IAAA,IAAeF,EAAA,KAAAF,QAAA,CAAAK,eAAA;AACnD;AACA,SAAMC,qBAAoBA,CAAAC,IAAK;EAC/B,IAAIC,OAAA,GAAUb,MAAG;EACf,IAAAc,UAAY,GAACd,MAAA,MAAW;EACtB,IAAAG,SAAQ;IACV,IAAAS,IAAA,KAAAE,UAAA,CAAAC,OAAA;MACAF,OAAA,CAAAE,OAAW,GAAAV,QAAU,CAAAG,aAAA;IACvB;IACAM,UAAU,CAAAC,OAAM,GAAAH,IAAA;EACd;EACAb,SAAO,aAAM;IACX,KAAAI,SAAM,MAAU,CAAAS,IAAM;IAIpB,mBAAK;MACL,IAAAI,OAAM,YAASC,QAAQA,CAAA;QACvB,IAAI,CAACd,SAAA,CAAU,CAAC;QAChB,IAAIe,MAAA,GAAAL,OAAe,CAAAE,OAAG;QACpB,KAAAG,MAAO,IAAM,CAAAA,MAAA,CAAAC,WAAA;QAAA,IACXb,cAAA,CAAe;UAAAY,MACf,CAAAE,KAAA;YACeC,aAAA;YACnBC,YAAA,EAAApB,gBAAA;UACF;QAGA;MACA;MACFqB,qBAAA;QACE,OAAKA,qBAAA,CAAAP,OAAA;MACX","ignoreList":[]}
|
package/dist/esm/surfaces.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Preset, Surface, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
2
|
-
import { createContext, forwardRef, useContext } from "react";
|
|
3
|
-
import { AlertDialog, Dialog, Popover, Sheet, View } from "tamagui";
|
|
2
|
+
import { createContext, forwardRef, useContext, useEffect } from "react";
|
|
3
|
+
import { AlertDialog, Dialog, isWeb, Popover, Sheet, useDialogContext, View } from "tamagui";
|
|
4
4
|
import { Card, CardFooter, CardHeader } from "./Card.mjs";
|
|
5
5
|
import { SheetModal } from "./SheetModal/index.mjs";
|
|
6
6
|
import { Card as Card2 } from "./Card.mjs";
|
|
@@ -25,6 +25,59 @@ const overlayFrameFocusStyle = {
|
|
|
25
25
|
outlineWidth: 0,
|
|
26
26
|
outlineStyle: "none"
|
|
27
27
|
};
|
|
28
|
+
function isTabbableWithin(node, container) {
|
|
29
|
+
if (node.tabIndex < 0 || node.hidden || node.tagName === "A") return false;
|
|
30
|
+
if (node.disabled) return false;
|
|
31
|
+
if (node instanceof HTMLInputElement && node.type === "hidden") return false;
|
|
32
|
+
if (getComputedStyle(node).visibility === "hidden") return false;
|
|
33
|
+
for (let el = node; el && el !== container; el = el.parentElement) {
|
|
34
|
+
if (getComputedStyle(el).display === "none") return false;
|
|
35
|
+
}
|
|
36
|
+
return true;
|
|
37
|
+
}
|
|
38
|
+
function focusFirstTabbableOnOpen(event) {
|
|
39
|
+
const container = event.currentTarget;
|
|
40
|
+
if (typeof HTMLElement === "undefined" || !(container instanceof HTMLElement)) return;
|
|
41
|
+
const first = Array.from(container.querySelectorAll("*")).find(node => isTabbableWithin(node, container));
|
|
42
|
+
if (!first) return;
|
|
43
|
+
event.preventDefault();
|
|
44
|
+
first.focus({
|
|
45
|
+
preventScroll: true
|
|
46
|
+
});
|
|
47
|
+
if (first instanceof HTMLInputElement) first.select();
|
|
48
|
+
}
|
|
49
|
+
function withHouseOpenFocus(onOpenAutoFocus) {
|
|
50
|
+
return event => {
|
|
51
|
+
onOpenAutoFocus?.(event);
|
|
52
|
+
if (!event.defaultPrevented) focusFirstTabbableOnOpen(event);
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
const DIALOG_SHOW_FOCUS_EVENT = "mp.dialogShowFocus";
|
|
56
|
+
function useDialogShowFocus(onOpenAutoFocus) {
|
|
57
|
+
const {
|
|
58
|
+
open,
|
|
59
|
+
contentId
|
|
60
|
+
} = useDialogContext();
|
|
61
|
+
useEffect(() => {
|
|
62
|
+
if (!open || !contentId || !isWeb || typeof document === "undefined") return;
|
|
63
|
+
const content = document.getElementById(contentId);
|
|
64
|
+
const focused = document.activeElement;
|
|
65
|
+
if (!content || !(focused instanceof HTMLElement)) return;
|
|
66
|
+
if (!content.contains(focused) || focused.tabIndex >= 0) return;
|
|
67
|
+
content.addEventListener(DIALOG_SHOW_FOCUS_EVENT, onOpenAutoFocus, {
|
|
68
|
+
once: true
|
|
69
|
+
});
|
|
70
|
+
content.dispatchEvent(new CustomEvent(DIALOG_SHOW_FOCUS_EVENT, {
|
|
71
|
+
cancelable: true
|
|
72
|
+
}));
|
|
73
|
+
}, [open, contentId]);
|
|
74
|
+
}
|
|
75
|
+
function DialogShowFocus({
|
|
76
|
+
onOpenAutoFocus
|
|
77
|
+
}) {
|
|
78
|
+
useDialogShowFocus(withHouseOpenFocus(onOpenAutoFocus));
|
|
79
|
+
return null;
|
|
80
|
+
}
|
|
28
81
|
const DialogRegionContext = createContext({
|
|
29
82
|
inDialogRegion: false
|
|
30
83
|
});
|
|
@@ -57,6 +110,7 @@ const DialogContent = forwardRef(function DialogContent2({
|
|
|
57
110
|
});
|
|
58
111
|
const DialogContentInner = forwardRef(function DialogContentInner2({
|
|
59
112
|
children,
|
|
113
|
+
onOpenAutoFocus,
|
|
60
114
|
...props
|
|
61
115
|
}, ref) {
|
|
62
116
|
const {
|
|
@@ -64,6 +118,8 @@ const DialogContentInner = forwardRef(function DialogContentInner2({
|
|
|
64
118
|
} = useResolvedKnobs({
|
|
65
119
|
component: "DialogContent"
|
|
66
120
|
});
|
|
121
|
+
const openFocus = withHouseOpenFocus(onOpenAutoFocus);
|
|
122
|
+
useDialogShowFocus(openFocus);
|
|
67
123
|
return /* @__PURE__ */jsx(Dialog.Content, {
|
|
68
124
|
ref,
|
|
69
125
|
...knobProps.elevatedSurface,
|
|
@@ -77,6 +133,7 @@ const DialogContentInner = forwardRef(function DialogContentInner2({
|
|
|
77
133
|
...overlayFrameFocus,
|
|
78
134
|
focusStyle: overlayFrameFocusStyle,
|
|
79
135
|
focusVisibleStyle: overlayFrameFocusStyle,
|
|
136
|
+
onOpenAutoFocus: openFocus,
|
|
80
137
|
...props,
|
|
81
138
|
children: /* @__PURE__ */jsx(DialogRegionContext.Provider, {
|
|
82
139
|
value: IN_DIALOG_REGION,
|
|
@@ -129,6 +186,7 @@ const AlertDialogContentInner = forwardRef(function AlertDialogContentInner2({
|
|
|
129
186
|
} = useResolvedKnobs({
|
|
130
187
|
component: "AlertDialogContent"
|
|
131
188
|
});
|
|
189
|
+
useDialogShowFocus(withHouseOpenFocus(props.onOpenAutoFocus));
|
|
132
190
|
return /* @__PURE__ */jsx(AlertDialog.Content, {
|
|
133
191
|
ref,
|
|
134
192
|
unstyled: true,
|
|
@@ -172,6 +230,7 @@ const AlertDialogOverlay = forwardRef(function AlertDialogOverlay2({
|
|
|
172
230
|
});
|
|
173
231
|
const PopoverContent = forwardRef(function PopoverContent2({
|
|
174
232
|
children,
|
|
233
|
+
onOpenAutoFocus,
|
|
175
234
|
...props
|
|
176
235
|
}, ref) {
|
|
177
236
|
const {
|
|
@@ -189,6 +248,7 @@ const PopoverContent = forwardRef(function PopoverContent2({
|
|
|
189
248
|
...overlayFrameFocus,
|
|
190
249
|
focusStyle: overlayFrameFocusStyle,
|
|
191
250
|
focusVisibleStyle: overlayFrameFocusStyle,
|
|
251
|
+
onOpenAutoFocus: withHouseOpenFocus(onOpenAutoFocus),
|
|
192
252
|
...props,
|
|
193
253
|
children: /* @__PURE__ */jsx(NestedScale, {
|
|
194
254
|
density: knobProps.density,
|
|
@@ -254,5 +314,5 @@ const KnobDialogContent = DialogContent;
|
|
|
254
314
|
const KnobPopoverContent = PopoverContent;
|
|
255
315
|
const KnobSheetFrame = SheetFrame;
|
|
256
316
|
const KnobPanel = Panel;
|
|
257
|
-
export { AlertDialogContent, AlertDialogOverlay, Card, CardFooter, CardHeader, DialogContent, DialogOverlay, DialogRegionContext, Card2 as KnobCard, KnobDialogContent, KnobPanel, KnobPopoverContent, KnobSheetFrame, Panel, PopoverContent, SheetFrame, SheetModal, useDialogRegionContext, useIsInDialogRegion };
|
|
317
|
+
export { AlertDialogContent, AlertDialogOverlay, Card, CardFooter, CardHeader, DialogContent, DialogOverlay, DialogRegionContext, DialogShowFocus, Card2 as KnobCard, KnobDialogContent, KnobPanel, KnobPopoverContent, KnobSheetFrame, Panel, PopoverContent, SheetFrame, SheetModal, useDialogRegionContext, useIsInDialogRegion };
|
|
258
318
|
//# sourceMappingURL=surfaces.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Preset","Surface","useResolvedKnobs","createContext","forwardRef","useContext","AlertDialog","Dialog","Popover","Sheet","View","Card","CardFooter","CardHeader","SheetModal","Card2","jsx","NestedScale","density","children","overrides","overlayFrameFocus","outlineWidth","outlineStyle","overlayFrameFocusStyle","DialogRegionContext","inDialogRegion","useDialogRegionContext","useIsInDialogRegion","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","DialogContent","DialogContent2","props","ref","size","DialogContentInner","DialogContentInner2","knobProps","component","Content","elevatedSurface","containerRadius","panelPadding","gap","elevate","transition","enterStyle","exitStyle","focusStyle","focusVisibleStyle","Provider","value","scrimFade","DialogOverlay","DialogOverlay2","Overlay","backgroundColor","AlertDialogContent","AlertDialogContent2","AlertDialogContentInner","AlertDialogContentInner2","unstyled","AlertDialogOverlay","AlertDialogOverlay2","PopoverContent","SheetFrame","frameProps","Frame","Panel","viewProps","KnobDialogContent","KnobPopoverContent","KnobSheetFrame","KnobPanel"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,EAAQC,OAAA,EAASC,gBAAA,QAAwB;AAElD,SAASC,aAAA,EAAeC,UAAA,EAAYC,UAAA,
|
|
1
|
+
{"version":3,"names":["Preset","Surface","useResolvedKnobs","createContext","forwardRef","useContext","useEffect","AlertDialog","Dialog","isWeb","Popover","Sheet","useDialogContext","View","Card","CardFooter","CardHeader","SheetModal","Card2","jsx","NestedScale","density","children","overrides","overlayFrameFocus","outlineWidth","outlineStyle","overlayFrameFocusStyle","isTabbableWithin","node","container","tabIndex","hidden","tagName","disabled","HTMLInputElement","type","getComputedStyle","visibility","el","parentElement","display","focusFirstTabbableOnOpen","event","currentTarget","HTMLElement","first","Array","from","querySelectorAll","find","preventDefault","focus","preventScroll","select","withHouseOpenFocus","onOpenAutoFocus","defaultPrevented","DIALOG_SHOW_FOCUS_EVENT","useDialogShowFocus","open","contentId","document","content","getElementById","focused","activeElement","contains","addEventListener","once","dispatchEvent","CustomEvent","cancelable","DialogShowFocus","DialogRegionContext","inDialogRegion","useDialogRegionContext","useIsInDialogRegion","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","DialogContent","DialogContent2","props","ref","size","DialogContentInner","DialogContentInner2","knobProps","component","openFocus","Content","elevatedSurface","containerRadius","panelPadding","gap","elevate","transition","enterStyle","exitStyle","focusStyle","focusVisibleStyle","Provider","value","scrimFade","DialogOverlay","DialogOverlay2","Overlay","backgroundColor","AlertDialogContent","AlertDialogContent2","AlertDialogContentInner","AlertDialogContentInner2","unstyled","AlertDialogOverlay","AlertDialogOverlay2","PopoverContent","SheetFrame","frameProps","Frame","Panel","viewProps","KnobDialogContent","KnobPopoverContent","KnobSheetFrame","KnobPanel"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Preset, Surface, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
3
|
-
import { createContext, forwardRef, useContext } from "react";
|
|
4
|
-
import { AlertDialog, Dialog, Popover, Sheet, View } from "tamagui";
|
|
3
|
+
import { createContext, forwardRef, useContext, useEffect } from "react";
|
|
4
|
+
import { AlertDialog, Dialog, isWeb, Popover, Sheet, useDialogContext, View } from "tamagui";
|
|
5
5
|
import { Card, CardFooter, CardHeader } from "./Card.native.js";
|
|
6
6
|
import { SheetModal } from "./SheetModal/index.native.js";
|
|
7
7
|
import { Card as Card2 } from "./Card.native.js";
|
|
8
|
+
function _instanceof(left, right) {
|
|
9
|
+
"@swc/helpers - instanceof";
|
|
10
|
+
|
|
11
|
+
if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
|
|
12
|
+
return !!right[Symbol.hasInstance](left);
|
|
13
|
+
} else {
|
|
14
|
+
return left instanceof right;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
8
17
|
function NestedScale(param) {
|
|
9
18
|
var {
|
|
10
19
|
density,
|
|
@@ -26,6 +35,62 @@ var overlayFrameFocusStyle = {
|
|
|
26
35
|
outlineWidth: 0,
|
|
27
36
|
outlineStyle: "none"
|
|
28
37
|
};
|
|
38
|
+
function isTabbableWithin(node, container) {
|
|
39
|
+
if (node.tabIndex < 0 || node.hidden || node.tagName === "A") return false;
|
|
40
|
+
if (node.disabled) return false;
|
|
41
|
+
if (_instanceof(node, HTMLInputElement) && node.type === "hidden") return false;
|
|
42
|
+
if (getComputedStyle(node).visibility === "hidden") return false;
|
|
43
|
+
for (var el = node; el && el !== container; el = el.parentElement) {
|
|
44
|
+
if (getComputedStyle(el).display === "none") return false;
|
|
45
|
+
}
|
|
46
|
+
return true;
|
|
47
|
+
}
|
|
48
|
+
function focusFirstTabbableOnOpen(event) {
|
|
49
|
+
var container = event.currentTarget;
|
|
50
|
+
if (typeof HTMLElement === "undefined" || !_instanceof(container, HTMLElement)) return;
|
|
51
|
+
var first = Array.from(container.querySelectorAll("*")).find(function (node) {
|
|
52
|
+
return isTabbableWithin(node, container);
|
|
53
|
+
});
|
|
54
|
+
if (!first) return;
|
|
55
|
+
event.preventDefault();
|
|
56
|
+
first.focus({
|
|
57
|
+
preventScroll: true
|
|
58
|
+
});
|
|
59
|
+
if (_instanceof(first, HTMLInputElement)) first.select();
|
|
60
|
+
}
|
|
61
|
+
function withHouseOpenFocus(onOpenAutoFocus) {
|
|
62
|
+
return function (event) {
|
|
63
|
+
onOpenAutoFocus === null || onOpenAutoFocus === void 0 ? void 0 : onOpenAutoFocus(event);
|
|
64
|
+
if (!event.defaultPrevented) focusFirstTabbableOnOpen(event);
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
var DIALOG_SHOW_FOCUS_EVENT = "mp.dialogShowFocus";
|
|
68
|
+
function useDialogShowFocus(onOpenAutoFocus) {
|
|
69
|
+
var {
|
|
70
|
+
open,
|
|
71
|
+
contentId
|
|
72
|
+
} = useDialogContext();
|
|
73
|
+
useEffect(function () {
|
|
74
|
+
if (!open || !contentId || !isWeb || typeof document === "undefined") return;
|
|
75
|
+
var content = document.getElementById(contentId);
|
|
76
|
+
var focused = document.activeElement;
|
|
77
|
+
if (!content || !_instanceof(focused, HTMLElement)) return;
|
|
78
|
+
if (!content.contains(focused) || focused.tabIndex >= 0) return;
|
|
79
|
+
content.addEventListener(DIALOG_SHOW_FOCUS_EVENT, onOpenAutoFocus, {
|
|
80
|
+
once: true
|
|
81
|
+
});
|
|
82
|
+
content.dispatchEvent(new CustomEvent(DIALOG_SHOW_FOCUS_EVENT, {
|
|
83
|
+
cancelable: true
|
|
84
|
+
}));
|
|
85
|
+
}, [open, contentId]);
|
|
86
|
+
}
|
|
87
|
+
function DialogShowFocus(param) {
|
|
88
|
+
var {
|
|
89
|
+
onOpenAutoFocus
|
|
90
|
+
} = param;
|
|
91
|
+
useDialogShowFocus(withHouseOpenFocus(onOpenAutoFocus));
|
|
92
|
+
return null;
|
|
93
|
+
}
|
|
29
94
|
var DialogRegionContext = /* @__PURE__ */createContext({
|
|
30
95
|
inDialogRegion: false
|
|
31
96
|
});
|
|
@@ -60,6 +125,7 @@ var DialogContent = /* @__PURE__ */forwardRef(function DialogContent2(param, ref
|
|
|
60
125
|
var DialogContentInner = /* @__PURE__ */forwardRef(function DialogContentInner2(param, ref) {
|
|
61
126
|
var {
|
|
62
127
|
children,
|
|
128
|
+
onOpenAutoFocus,
|
|
63
129
|
...props
|
|
64
130
|
} = param;
|
|
65
131
|
var {
|
|
@@ -67,6 +133,8 @@ var DialogContentInner = /* @__PURE__ */forwardRef(function DialogContentInner2(
|
|
|
67
133
|
} = useResolvedKnobs({
|
|
68
134
|
component: "DialogContent"
|
|
69
135
|
});
|
|
136
|
+
var openFocus = withHouseOpenFocus(onOpenAutoFocus);
|
|
137
|
+
useDialogShowFocus(openFocus);
|
|
70
138
|
return /* @__PURE__ */_jsx(Dialog.Content, {
|
|
71
139
|
ref,
|
|
72
140
|
...knobProps.elevatedSurface,
|
|
@@ -80,6 +148,7 @@ var DialogContentInner = /* @__PURE__ */forwardRef(function DialogContentInner2(
|
|
|
80
148
|
...overlayFrameFocus,
|
|
81
149
|
focusStyle: overlayFrameFocusStyle,
|
|
82
150
|
focusVisibleStyle: overlayFrameFocusStyle,
|
|
151
|
+
onOpenAutoFocus: openFocus,
|
|
83
152
|
...props,
|
|
84
153
|
children: /* @__PURE__ */_jsx(DialogRegionContext.Provider, {
|
|
85
154
|
value: IN_DIALOG_REGION,
|
|
@@ -135,6 +204,7 @@ var AlertDialogContentInner = /* @__PURE__ */forwardRef(function AlertDialogCont
|
|
|
135
204
|
} = useResolvedKnobs({
|
|
136
205
|
component: "AlertDialogContent"
|
|
137
206
|
});
|
|
207
|
+
useDialogShowFocus(withHouseOpenFocus(props.onOpenAutoFocus));
|
|
138
208
|
return /* @__PURE__ */_jsx(AlertDialog.Content, {
|
|
139
209
|
ref,
|
|
140
210
|
unstyled: true,
|
|
@@ -180,6 +250,7 @@ var AlertDialogOverlay = /* @__PURE__ */forwardRef(function AlertDialogOverlay2(
|
|
|
180
250
|
var PopoverContent = /* @__PURE__ */forwardRef(function PopoverContent2(param, ref) {
|
|
181
251
|
var {
|
|
182
252
|
children,
|
|
253
|
+
onOpenAutoFocus,
|
|
183
254
|
...props
|
|
184
255
|
} = param;
|
|
185
256
|
var {
|
|
@@ -197,6 +268,7 @@ var PopoverContent = /* @__PURE__ */forwardRef(function PopoverContent2(param, r
|
|
|
197
268
|
...overlayFrameFocus,
|
|
198
269
|
focusStyle: overlayFrameFocusStyle,
|
|
199
270
|
focusVisibleStyle: overlayFrameFocusStyle,
|
|
271
|
+
onOpenAutoFocus: withHouseOpenFocus(onOpenAutoFocus),
|
|
200
272
|
...props,
|
|
201
273
|
children: /* @__PURE__ */_jsx(NestedScale, {
|
|
202
274
|
density: knobProps.density,
|
|
@@ -264,5 +336,5 @@ var KnobDialogContent = DialogContent;
|
|
|
264
336
|
var KnobPopoverContent = PopoverContent;
|
|
265
337
|
var KnobSheetFrame = SheetFrame;
|
|
266
338
|
var KnobPanel = Panel;
|
|
267
|
-
export { AlertDialogContent, AlertDialogOverlay, Card, CardFooter, CardHeader, DialogContent, DialogOverlay, DialogRegionContext, Card2 as KnobCard, KnobDialogContent, KnobPanel, KnobPopoverContent, KnobSheetFrame, Panel, PopoverContent, SheetFrame, SheetModal, useDialogRegionContext, useIsInDialogRegion };
|
|
339
|
+
export { AlertDialogContent, AlertDialogOverlay, Card, CardFooter, CardHeader, DialogContent, DialogOverlay, DialogRegionContext, DialogShowFocus, Card2 as KnobCard, KnobDialogContent, KnobPanel, KnobPopoverContent, KnobSheetFrame, Panel, PopoverContent, SheetFrame, SheetModal, useDialogRegionContext, useIsInDialogRegion };
|
|
268
340
|
//# sourceMappingURL=surfaces.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","Preset","Surface","useResolvedKnobs","createContext","forwardRef","useContext","AlertDialog","Dialog","Popover","Sheet","View","Card","CardFooter","CardHeader","SheetModal","Card2","NestedScale","param","density","children","overrides","overlayFrameFocus","outlineWidth","outlineStyle","overlayFrameFocusStyle","DialogRegionContext","inDialogRegion","useDialogRegionContext","useIsInDialogRegion","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","DialogContent","DialogContent2","ref","props","size","DialogContentInner","DialogContentInner2","knobProps","component","Content","elevatedSurface","containerRadius","panelPadding","gap","elevate","transition","enterStyle","exitStyle","focusStyle","focusVisibleStyle","Provider","value","scrimFade","DialogOverlay","DialogOverlay2","Overlay","backgroundColor","AlertDialogContent","AlertDialogContent2","AlertDialogContentInner","AlertDialogContentInner2","unstyled","AlertDialogOverlay","AlertDialogOverlay2","PopoverContent","PopoverContent2"
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","Preset","Surface","useResolvedKnobs","createContext","forwardRef","useContext","useEffect","AlertDialog","Dialog","isWeb","Popover","Sheet","useDialogContext","View","Card","CardFooter","CardHeader","SheetModal","Card2","_instanceof","left","right","Symbol","hasInstance","NestedScale","param","density","children","overrides","overlayFrameFocus","outlineWidth","outlineStyle","overlayFrameFocusStyle","isTabbableWithin","node","container","tabIndex","hidden","tagName","disabled","HTMLInputElement","type","getComputedStyle","visibility","el","parentElement","display","focusFirstTabbableOnOpen","event","currentTarget","HTMLElement","first","Array","from","querySelectorAll","find","preventDefault","focus","preventScroll","select","withHouseOpenFocus","onOpenAutoFocus","defaultPrevented","DIALOG_SHOW_FOCUS_EVENT","useDialogShowFocus","open","contentId","document","content","getElementById","focused","activeElement","contains","addEventListener","once","dispatchEvent","CustomEvent","cancelable","DialogShowFocus","DialogRegionContext","inDialogRegion","useDialogRegionContext","useIsInDialogRegion","IN_DIALOG_REGION","overlayEnterExit","opacity","y","scale","DialogContent","DialogContent2","ref","props","size","DialogContentInner","DialogContentInner2","knobProps","component","openFocus","Content","elevatedSurface","containerRadius","panelPadding","gap","elevate","transition","enterStyle","exitStyle","focusStyle","focusVisibleStyle","Provider","value","scrimFade","DialogOverlay","DialogOverlay2","Overlay","backgroundColor","AlertDialogContent","AlertDialogContent2","AlertDialogContentInner","AlertDialogContentInner2","unstyled","AlertDialogOverlay","AlertDialogOverlay2","PopoverContent","PopoverContent2"],"sources":["../../src/surfaces.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,QAAS;AAE1B,SAASC,MAAA,EAAAC,OAAe,EAAAC,gBAAY,QAAY,0BAAiB;AACjE,SAAAC,aAAA,EAAAC,UAAA,EAAAC,UAAA,EAAAC,SAAA;AAAA,SACEC,WAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,OAAA,EAAAC,KAAA,EAAAC,gBAAA,EAAAC,IAAA;AAAA,SACAC,IAAA,EAAAC,UAAA,EAAAC,UAAA;AAAA,SACAC,UAAA;AAAA,SACAH,IAAA,IAAAI,KAAA;AAAA,SACAC,YAAAC,IAAA,EAAAC,KAAA;EACA;;EACA,IAAAA,KAAA,mBAAAC,MAAA,oBAAAD,KAAA,CAAAC,MAAA,CAAAC,WAAA;IAAA,OAKK,EAAAF,KAAA,CAAAC,MAAA,CAAAC,WAAA,EAAAH,IAAA;EACP,OAAS;IA0XT,OAASA,IAAA,YAAkBC,KAAA;EAiC3B;AAjYS;AAFT,SAASG,YAAYC,KAAE;EACrB,IAAI;IAAAC,OAAA;IAAAC;EAAY,IAAWF,KAAA;EAC3B,IAAAC,OAAO,gBAAC,OAAAC,QAAO;EACjB,sBAAA5B,IAAA,CAAAC,MAAA;IAOA4B,SAAM;MACJF,OAAA;IACA;IACFC;EAEA;AAA+B;AACf,IACdE,iBAAc;EAChBC,YAAA;EAaAC,YAAS;AACP;AACA,IAAAC,sBAAyC,GAAO;EAChDF,YAAI;EACJC,YAAI;AACJ;AACE,SAAIE,gBAAiBA,CAAAC,IAAI,EAAAC,SAAY;EACvC,IAAAD,IAAA,CAAAE,QAAA,QAAAF,IAAA,CAAAG,MAAA,IAAAH,IAAA,CAAAI,OAAA;EACA,IAAAJ,IAAO,CAAAK,QAAA;EACT,IAAApB,WAAA,CAAAe,IAAA,EAAAM,gBAAA,KAAAN,IAAA,CAAAO,IAAA;EAEA,IAAAC,gBAAS,CAAAR,IAAA,EAAAS,UAAyB,KAAoB;EACpD,SAAMC,EAAA,GAAAV,IAAY,EAAAU,EAAA,IAAMA,EAAA,KAAAT,SAAA,EAAAS,EAAA,GAAAA,EAAA,CAAAC,aAAA;IACxB,IAAIH,gBAAO,CAAAE,EAAA,EAAgBE,OAAA,WAAiB;EAC5C;EAAuE,OAAM;AAC3C;AAElC,SAAKC,wBAAOA,CAAAC,KAAA;EACZ,IAAAb,SAAM,GAAAa,KAAe,CAAAC,aAAA;EACrB,WAAMC,WAAQ,gBAAqB,KAAA/B,WAAA,CAAAgB,SAAA,EAAAe,WAAA;EACnC,IAAIC,KAAA,GAAAC,KAAA,CAAAC,IAAiB,CAAAlB,SAAA,CAAAmB,gBAAwB,IAAO,GAAAC,IAAA,WAAArB,IAAA;IACtD,OAAAD,gBAAA,CAAAC,IAAA,EAAAC,SAAA;EAKA;EACE,KAAAgB,KAAQ;EACNH,KAAA,CAAAQ,cAAkB;EAClBL,KAAA,CAAIM,KAAC;IACPC,aAAA;EACF;EAEA,IAAMvC,WAAA,CAAAgC,KAAA,EAAAX,gBAA0B,GAAAW,KAAA,CAAAQ,MAAA;AAYhC;AACE,SAAMC,kBAAkBA,CAAAC,eAAI;EAC5B,iBAAgBb,KAAA;IACda,eAAc,aAAcA,eAAS,KAAO,SAAa,SAAAA,eAAa,CAAAb,KAAA;IACtE,KAAAA,KAAM,CAAAc,gBAAmB,EAAAf,wBAAwB,CAAAC,KAAA;EACjD;AACA;AACA,IAAAe,uBAAsB,uBAAoB;AAC1C,SAAAC,kBAAQA,CAAAH,eAAiB;EACzB;IAAAI,IAAQ;IAAAC;EAAA,IAActD,gBAAgB;EACxCN,SAAI,CAAM,YAAU;IACtB,KAAA2D,IAAA,KAAAC,SAAA,KAAAzD,KAAA,WAAA0D,QAAA;IAQO,IAAAC,OAAS,GAAAD,QAAgB,CAAEE,cAAA,CAAAH,SAA8D;IAC9F,IAAAI,OAAA,GAAAH,QAAmB,CAAAI,aAAmB;IACtC,KAAOH,OAAA,KAAAjD,WAAA,CAAAmD,OAAA,EAAApB,WAAA;IACT,KAAAkB,OAAA,CAAAI,QAAA,CAAAF,OAAA,KAAAA,OAAA,CAAAlC,QAAA;IAiBOgC,OAAM,CAAAK,gBAAsB,CAAAV,uBAAwC,EAAAF,eAAA;MACzEa,IAAA;IACD;IAEMN,OAAS,CAAAO,aAAA,KAAAC,WAAmD,CAAAb,uBAAA;MACjEc,UAAO;IACT;EAEO,IACLZ,IAAA,EACFC,SAAA,CAEA;AAIA;AAEO,SAAMY,eAAgBA,CAAArD,KAAA;EAI3B;IAAAoC;EACE,IAAApC,KAAC;EAMJuC,kBAAA,CAAAJ,kBAAA,CAAAC,eAAA;EAED,OAAM;AAIJ;AACA,IAAAkB,mBAAkB,kBAAmB5E,aAAe;EACpD6E,cAAA;AAMA;AACE,SAACC,sBAAOA,CAAA;EAAA,OAAP5E,UAAA,CAAA0E,mBAAA;AAAA;AACC,SACIG,mBAAUA,CAAA;EAAA,OACVD,sBAAU,GAAAD,cAAA;AAAA;AACA,IAAAG,gBACA;EAAAH,cACL;AAAA;AACa,IAAAI,gBACV;EAAAC,OACZ;EAAWC,CAAA,GACV;EAAGC,KACJ;AAAY;AACO,IAAAC,aACnB,kBAAiBpF,UAAA,UAAAqF,eAAAhE,KAAA,EAAAiE,GAAA;EAAA,IAChB;IAAA/D,QAAG;IAAA,GAAAgE;EAAA,IAAAlE,KAAA;EAAA,OAEJ,eAAA1B,IAAA,CAAAE,OAAC;IAED2F,IAAA;IACFjE,QAAA,iBAAA5B,IAAA,CAAA8F,kBAAA;MAEHH,GAAA;MAMK,GAAAC,KAAA;MASOhE;IAIX;EACA;AACE;AAAQ,IAAPkE,kBAAA,kBAAAzF,UAAA,UAAA0F,oBAAArE,KAAA,EAAAiE,GAAA;EAAA,IACC;IAAA/D,QAAA;IAAAkC,eAAA;IAAA,GAAA8B;EAAA,IAAAlE,KAAA;EAAA,IACA;IAAAsE;EAAA,IAAA7F,gBAAgB;IAAA8F,SAChB;EAAsB;EACV,IACZC,SAAA,GAAWrC,kBAAA,CAAAC,eAAA;EAAAG,kBACP,CAAAiC,SAAA;EAAA,OAEH,eAAAlG,IAAA,CAAAS,MAAA,CAAA0F,OAAA;IAAAR,GAAA;IACH,GAAAK,SAAA,CAAAI,eAAA;IAEH,GAAAJ,SAAA,CAAAK,eAAA;IAOM,GAAML,SAAA,CAAAM,YAAqB;IAIhC,GAAAN,SACE,CAAAO,GAAA;IAMHC,OAAA;IAEDC,UAAM,EAAAT,SAAA,CAAAS,UAA0B;IAI9BC,UAAQ,EAAArB,gBAAc;IACtBsB,SAAA,EAAAtB,gBAAmB;IACnB,GAAAvD,iBACE;IAAC8E,UAAA,EAAY3E,sBAAA;IAAZ4E,iBAAA,EAAA5E,sBAAA;IAAA6B,eACC,EAAAoC,SAAA;IAAA,GACAN,KAAA;IAAQhE,QACJ,iBAAU5B,IAAA,CAAAgF,mBAAA,CAAA8B,QAAA;MACbC,KAAG,EAAA3B,gBAAU;MACbxD,QAAG,iBAAU5B,IAAA,CAAAyB,WAAA;QACbE,OAAG,EAAAqE,SAAU,CAAArE,OAAA;QACdC;MACA;IAAsB;EACV;AACD;AACP,IAAAoF,SACJ;EAAY1B,OACZ;AAAmB;AACf,IAAA2B,aAEJ,kBAAC5G,UAAA,UAAoB6G,cAASA,CAAAxF,KAAO,EAAAiE,GAAA;EAErC;IAAA/D,QAAA;IAAA,GAAAgE;EAAA,IAAAlE,KAAA;EACF;IAAAsE;EAAA,IAAA7F,gBAAA;EAEH,sBAAAH,IAAA,CAAAS,MAAA,CAAA0G,OAAA;IAEMxB,GAAM;IAIXyB,eAAQ,EAAU,UAAI;IACtBX,UACE,EAAAT,SAAA,CAAAS,UAAA;IAACC,UAAA,EAAYM,SAAA;IAAZL,SAAA,EAAAK,SAAA;IAAA,GACCpB,KAAA;IAAAhE;EACgB;AACM;AACV,IAAAyF,kBACD,kBAAAhH,UAAA,UAAAiH,oBAAA5F,KAAA,EAAAiE,GAAA;EAAA,IACV;IAAA/D,QAAG;IAAA,GAAAgE;EAAA,IAAAlE,KAAA;EAAA,OAEH,eAAA1B,IAAA,CAAAE,OAAA;IAAA2F,IAAA;IACHjE,QAAA,iBAAA5B,IAAA,CAAAuH,uBAAA;MAEH5B,GAAA;MAiBY,GAAAC,KAAA;MACXhE;IACE;EACA;AACE;AAAS,IAAA2F,uBAAR,kBAAAlH,UAAA,UAAAmH,yBAAA9F,KAAA,EAAAiE,GAAA;EAAA;IACC/D,QAAA;IAAA,GAAAgE;EAAA,IAAAlE,KAAA;EAAA;IACCsE;EAAG,IAAU7F,gBAAA;IAAA8F,SACV;EAAU;EACQhC,kBACV,CAAAJ,kBAAA,CAAA+B,KAAA,CAAA9B,eAAA;EAAA,OACZ,eAAW9D,IAAA,CAAAQ,WAAA,CAAA2F,OAAA;IAAAR,GAAA;IACP8B,QACJ;IAAY,GAAAzB,SACZ,CAAAI,eAAmB;IAAA,GAAAJ,SACnB,CAAAK,eAAiB;IAAkC,GAAAL,SAC/C,CAAAM,YAAA;IAAA,GAAAN,SAEJ,CAAAO,GAAA;IAAmDC,OAAA;IACrDC,UAAA,EAAAT,SAAA,CAAAS,UAAA;IAEJC,UAAA,EAAArB,gBAAA;IACFsB,SAAA,EAAAtB,gBAAA;IASO,GAAMvD,iBAAa;IACxB8E,UAAS,EAAA3E,sBAA0B;IACjC4E,iBAAQ,EAAU5E,sBAAuB;IACzC,GAAA2D,KAAM;IAAahE,QACjB,iBAAA5B,IAAA,CAAAgF,mBAAA,CAAA8B,QAAA;MACAC,KAAG,EAAA3B,gBAAU;MACbxD,QAAG,iBAAU5B,IAAA,CAAAyB,WAAA;QACbE,OAAA,EAAAqE,SAAiB,CAAArE,OAAA;QACjBC;MACA;IAAsB;EACnB;AACS;AACO,IAAA8F,kBAChB,kBAAArH,UAAA,UAAAsH,oBAAAjG,KAAA,EAAAiE,GAAA;EAAA,IACL;IAAA/D,QAAA;IAAA,GAAAgE;EAAA,IAAAlE,KAAA;EACA;IAAAsE;EACE,IAAA7F,gBAAO;EAIX,sBAAAH,IAAA,CAAAQ,WAAA,CAAA2G,OAAA;IACFxB,GAAA;IAcOyB,eAAc;IACnBX,UAAS,EAAAT,SAAQ,CAAAS,UAAa;IAC5BC,UAAQ,EAAAM,SAAU;IAClBL,SAAM,EAAAK,SAAY;IAAA,GAChBpB,KAAA;IAAAhE;EACa;AACA;AACA,IAAAgG,cACV,GAAU,eAAAvH,UAAA,UAAAwH,gBAAAnG,KAAA,EAAAiE,GAAA;EAAA,IACb;IAAA/D,QAAG;IAAAkC,eAAA;IAAA,GAAA8B;EAAA,IAAAlE,KAAA;EAAA,IACL;IAAAsE;EAAA,IAAA7F,gBAAA;IACA8F,SACE;EAIJ;EACF,sBAAAjG,IAAA,CAAAW,OAAA,CAAAwF,OAAA;IAWOR,GAAM;IAEN,GAAMK,SAAA,CAAAI,eAAqB;IAE3B,GAAMJ,SAAA,CAAAK,eAAiB;IAEvBI,UAAM,EAAAT,SAAY,CAAAS,UAAA","ignoreList":[]}
|
|
@@ -6,7 +6,8 @@ import { formatCalendarDate, formatDayLong, formatTimeOfDay, getMonthNames, getW
|
|
|
6
6
|
import React, { useState, useMemo, useCallback, useEffect, useId, useRef } from "react";
|
|
7
7
|
import { useTranslation } from "../shared/i18n.mjs";
|
|
8
8
|
import { Button, FloatingPanel, Input, zIndex } from "@multiplatform.one/forms";
|
|
9
|
-
import { AnimatePresence,
|
|
9
|
+
import { AnimatePresence, Text, XStack, YStack, isWeb, styled } from "tamagui";
|
|
10
|
+
import { ScrollView } from "../ScrollView/index.mjs";
|
|
10
11
|
import { useDirection } from "../hooks/useDirection.mjs";
|
|
11
12
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
12
13
|
const hairlineEnd = isWeb ? {
|
|
@@ -26,8 +27,9 @@ function gridCellEdges(end, bottom) {
|
|
|
26
27
|
} : null)
|
|
27
28
|
};
|
|
28
29
|
}
|
|
29
|
-
function eventChipTextColor(bg) {
|
|
30
|
-
if (!bg
|
|
30
|
+
function eventChipTextColor(bg, onAccent) {
|
|
31
|
+
if (!bg) return onAccent ?? "$accentColor";
|
|
32
|
+
if (!bg.startsWith("#")) return "$accentColor";
|
|
31
33
|
const hex = bg.slice(1);
|
|
32
34
|
const full = hex.length === 3 ? hex.split("").map(c => c + c).join("") : hex.slice(0, 6);
|
|
33
35
|
const [r, g, b] = [0, 2, 4].map(i => {
|
|
@@ -328,6 +330,7 @@ function SettleGhost({
|
|
|
328
330
|
borderRadius,
|
|
329
331
|
onDone
|
|
330
332
|
}) {
|
|
333
|
+
const onAccent = useReadableTextOn("$accentBackground");
|
|
331
334
|
const [moved, setMoved] = useState(false);
|
|
332
335
|
useEffect(() => {
|
|
333
336
|
let raf2 = 0;
|
|
@@ -365,7 +368,7 @@ function SettleGhost({
|
|
|
365
368
|
children: /* @__PURE__ */jsx(Text, {
|
|
366
369
|
fontSize: "$2",
|
|
367
370
|
numberOfLines: 1,
|
|
368
|
-
color: eventChipTextColor(settle.color),
|
|
371
|
+
color: eventChipTextColor(settle.color, onAccent),
|
|
369
372
|
children: settle.title
|
|
370
373
|
})
|
|
371
374
|
});
|
|
@@ -1093,11 +1096,11 @@ function Calendar({
|
|
|
1093
1096
|
...knobProps.body,
|
|
1094
1097
|
fontSize: compact ? "$1" : "$2",
|
|
1095
1098
|
numberOfLines: compact ? 1 : 2,
|
|
1096
|
-
color: eventChipTextColor(event.color),
|
|
1099
|
+
color: eventChipTextColor(event.color, onAccent),
|
|
1097
1100
|
children: event.title
|
|
1098
1101
|
})
|
|
1099
1102
|
}, event.id);
|
|
1100
|
-
}, [renderEvent, onEventClick, knobProps.borderRadius, dragEnabled, webDragEnabled, nativeDragEnabled, getEventDragProps, eventA11yProps, draggingEventId]);
|
|
1103
|
+
}, [renderEvent, onEventClick, knobProps.borderRadius, dragEnabled, webDragEnabled, nativeDragEnabled, getEventDragProps, eventA11yProps, draggingEventId, onAccent]);
|
|
1101
1104
|
const MONTH_VISIBLE_EVENTS = 3;
|
|
1102
1105
|
const renderMonthView = () => {
|
|
1103
1106
|
const monthDays = getMonthDays(currentDate, firstDayOfWeek);
|
|
@@ -1321,12 +1324,12 @@ function Calendar({
|
|
|
1321
1324
|
fontSize: "$1",
|
|
1322
1325
|
fontWeight: "600",
|
|
1323
1326
|
numberOfLines: 1,
|
|
1324
|
-
color: eventChipTextColor(event.color),
|
|
1327
|
+
color: eventChipTextColor(event.color, onAccent),
|
|
1325
1328
|
children: event.title
|
|
1326
1329
|
}), blockHeight >= 34 && /* @__PURE__ */jsx(Text, {
|
|
1327
1330
|
fontSize: "$1",
|
|
1328
1331
|
numberOfLines: 1,
|
|
1329
|
-
color: eventChipTextColor(event.color),
|
|
1332
|
+
color: eventChipTextColor(event.color, onAccent),
|
|
1330
1333
|
children: formatTimeRangeLabel(start, end)
|
|
1331
1334
|
})]
|
|
1332
1335
|
})
|
|
@@ -1794,7 +1797,7 @@ function Calendar({
|
|
|
1794
1797
|
children: /* @__PURE__ */jsx(Text, {
|
|
1795
1798
|
fontSize: "$2",
|
|
1796
1799
|
numberOfLines: 1,
|
|
1797
|
-
color: eventChipTextColor(dragGhost.event.color),
|
|
1800
|
+
color: eventChipTextColor(dragGhost.event.color, onAccent),
|
|
1798
1801
|
children: dragGhost.event.title
|
|
1799
1802
|
})
|
|
1800
1803
|
}), settle && isWeb && /* @__PURE__ */jsx(SettleGhost, {
|