@astryxdesign/core 0.4.4 → 0.4.5-canary.1fdecb1
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/CHANGELOG.md +40 -0
- package/dist/BottomSheet/BottomSheet.d.ts +11 -2
- package/dist/BottomSheet/BottomSheet.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheet.js +4 -0
- package/dist/BottomSheet/BottomSheetPanel.d.ts +5 -2
- package/dist/BottomSheet/BottomSheetPanel.d.ts.map +1 -1
- package/dist/BottomSheet/BottomSheetPanel.js +65 -15
- package/dist/BottomSheet/index.d.ts +1 -1
- package/dist/BottomSheet/index.d.ts.map +1 -1
- package/dist/BottomSheet/snapOffsets.d.ts +57 -20
- package/dist/BottomSheet/snapOffsets.d.ts.map +1 -1
- package/dist/BottomSheet/snapOffsets.js +106 -30
- package/dist/BottomSheet/useSheetGestures.d.ts +13 -8
- package/dist/BottomSheet/useSheetGestures.d.ts.map +1 -1
- package/dist/BottomSheet/useSheetGestures.js +160 -64
- package/dist/Calendar/Calendar.d.ts +17 -0
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Calendar.js +34 -3
- package/dist/Calendar/getStandaloneShortWeekdayNames.d.ts +14 -0
- package/dist/Calendar/getStandaloneShortWeekdayNames.d.ts.map +1 -0
- package/dist/Calendar/getStandaloneShortWeekdayNames.js +26 -0
- package/dist/Calendar/hooks/useCalendarConstraints.d.ts +22 -1
- package/dist/Calendar/hooks/useCalendarConstraints.d.ts.map +1 -1
- package/dist/Calendar/hooks/useCalendarConstraints.js +26 -4
- package/dist/Calendar/hooks/useCalendarDays.d.ts.map +1 -1
- package/dist/Calendar/hooks/useCalendarDays.js +14 -10
- package/dist/Calendar/standaloneShortWeekdayNames.generated.d.ts +47 -0
- package/dist/Calendar/standaloneShortWeekdayNames.generated.d.ts.map +1 -0
- package/dist/Calendar/standaloneShortWeekdayNames.generated.js +40 -0
- package/dist/Center/Center.d.ts +23 -1
- package/dist/Center/Center.d.ts.map +1 -1
- package/dist/Center/Center.js +12 -6
- package/dist/CheckboxInput/CheckboxInput.d.ts.map +1 -1
- package/dist/CheckboxInput/CheckboxInput.js +9 -0
- package/dist/ComplexSelector/ComplexSelector.d.ts.map +1 -1
- package/dist/ComplexSelector/ComplexSelector.js +6 -1
- package/dist/DateInput/DateInput.d.ts.map +1 -1
- package/dist/DateInput/DateInput.js +6 -1
- package/dist/DateRangeInput/DateRangeInput.d.ts +23 -1
- package/dist/DateRangeInput/DateRangeInput.d.ts.map +1 -1
- package/dist/DateRangeInput/DateRangeInput.js +38 -3
- package/dist/DateTimeInput/DateTimeInput.d.ts.map +1 -1
- package/dist/DateTimeInput/DateTimeInput.js +7 -2
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Dialog/Dialog.js +3 -3
- package/dist/Field/FieldLabel.d.ts +2 -1
- package/dist/Field/FieldLabel.d.ts.map +1 -1
- package/dist/Field/FieldLabel.js +21 -3
- package/dist/Field/InputClearButton.d.ts +2 -1
- package/dist/Field/InputClearButton.d.ts.map +1 -1
- package/dist/Field/InputClearButton.js +6 -1
- package/dist/FormLayout/FormLayout.d.ts +24 -2
- package/dist/FormLayout/FormLayout.d.ts.map +1 -1
- package/dist/FormLayout/FormLayout.js +7 -2
- package/dist/FormLayout/FormLayoutContext.d.ts +15 -2
- package/dist/FormLayout/FormLayoutContext.d.ts.map +1 -1
- package/dist/FormLayout/FormLayoutContext.js +19 -4
- package/dist/FormLayout/index.d.ts +1 -1
- package/dist/FormLayout/index.d.ts.map +1 -1
- package/dist/Item/Item.d.ts +9 -1
- package/dist/Item/Item.d.ts.map +1 -1
- package/dist/Item/Item.js +45 -7
- package/dist/Layer/useLayer.d.ts.map +1 -1
- package/dist/Layer/useLayer.js +3 -2
- package/dist/Layout/container.stylex.d.ts +4 -2
- package/dist/Layout/container.stylex.d.ts.map +1 -1
- package/dist/Layout/container.stylex.js +19 -11
- package/dist/Layout/index.d.ts +1 -0
- package/dist/Layout/index.d.ts.map +1 -1
- package/dist/Layout/index.js +4 -0
- package/dist/Layout/padding.stylex.d.ts +315 -12
- package/dist/Layout/padding.stylex.d.ts.map +1 -1
- package/dist/Layout/padding.stylex.js +389 -12
- package/dist/Lightbox/Lightbox.d.ts.map +1 -1
- package/dist/Lightbox/Lightbox.js +2 -1
- package/dist/Markdown/Markdown.d.ts +8 -0
- package/dist/Markdown/Markdown.d.ts.map +1 -1
- package/dist/Markdown/Markdown.js +31 -3
- package/dist/Markdown/parser.d.ts +14 -2
- package/dist/Markdown/parser.d.ts.map +1 -1
- package/dist/Markdown/parser.js +50 -2
- package/dist/MobileNav/MobileNav.d.ts +1 -0
- package/dist/MobileNav/MobileNav.d.ts.map +1 -1
- package/dist/MobileNav/MobileNav.js +24 -6
- package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
- package/dist/MultiSelector/MultiSelector.js +6 -1
- package/dist/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/NumberInput/NumberInput.js +36 -3
- package/dist/Outline/parseOutlineFromMarkdown.d.ts +2 -0
- package/dist/Outline/parseOutlineFromMarkdown.d.ts.map +1 -1
- package/dist/Outline/parseOutlineFromMarkdown.js +5 -31
- package/dist/RadioList/RadioList.d.ts.map +1 -1
- package/dist/RadioList/RadioList.js +12 -1
- package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
- package/dist/Resizable/ResizeHandle.js +3 -3
- package/dist/Section/Section.d.ts +36 -1
- package/dist/Section/Section.d.ts.map +1 -1
- package/dist/Section/Section.js +12 -2
- package/dist/Selector/Selector.d.ts +26 -1
- package/dist/Selector/Selector.d.ts.map +1 -1
- package/dist/Selector/Selector.js +93 -15
- package/dist/Selector/SelectorOption.d.ts +14 -1
- package/dist/Selector/SelectorOption.d.ts.map +1 -1
- package/dist/Selector/SelectorOption.js +6 -0
- package/dist/Selector/SelectorRowLayoutContext.d.ts +8 -0
- package/dist/Selector/SelectorRowLayoutContext.d.ts.map +1 -0
- package/dist/Selector/SelectorRowLayoutContext.js +27 -0
- package/dist/Selector/types.d.ts +1 -0
- package/dist/Selector/types.d.ts.map +1 -1
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/Slider.js +2 -2
- package/dist/Stack/Stack.d.ts +23 -1
- package/dist/Stack/Stack.d.ts.map +1 -1
- package/dist/Stack/Stack.js +12 -6
- package/dist/StatusDot/StatusDot.d.ts +43 -3
- package/dist/StatusDot/StatusDot.d.ts.map +1 -1
- package/dist/StatusDot/StatusDot.js +42 -5
- package/dist/Switch/Switch.d.ts.map +1 -1
- package/dist/Switch/Switch.js +9 -0
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.d.ts.map +1 -1
- package/dist/Table/plugins/rowExpansion/useTableRowExpansion.js +7 -2
- package/dist/TextArea/TextArea.d.ts.map +1 -1
- package/dist/TextArea/TextArea.js +6 -1
- package/dist/TextInput/TextInput.d.ts.map +1 -1
- package/dist/TextInput/TextInput.js +6 -1
- package/dist/TimeInput/TimeInput.d.ts.map +1 -1
- package/dist/TimeInput/TimeInput.js +6 -1
- package/dist/astryx.css +40 -21
- package/dist/hooks/scrollbarGutter.d.ts +28 -0
- package/dist/hooks/scrollbarGutter.d.ts.map +1 -0
- package/dist/hooks/scrollbarGutter.js +103 -0
- package/dist/hooks/useResolvedRequired.d.ts +19 -0
- package/dist/hooks/useResolvedRequired.d.ts.map +1 -0
- package/dist/hooks/useResolvedRequired.js +40 -0
- package/dist/hooks/useScrollLock.d.ts +4 -0
- package/dist/hooks/useScrollLock.d.ts.map +1 -1
- package/dist/hooks/useScrollLock.js +13 -1
- package/dist/theme/derivedVarRegistry.d.ts.map +1 -1
- package/dist/theme/derivedVarRegistry.js +7 -0
- package/dist/theme/generateThemeRules.d.ts.map +1 -1
- package/dist/theme/generateThemeRules.js +37 -4
- package/dist/utils/plainDate.d.ts +6 -0
- package/dist/utils/plainDate.d.ts.map +1 -1
- package/dist/utils/plainDate.js +12 -0
- package/locales/af-ZA.json +958 -0
- package/locales/ar-SA.json +998 -0
- package/locales/ca-ES.json +974 -0
- package/locales/cs-CZ.json +990 -0
- package/locales/da-DK.json +966 -0
- package/locales/de-DE.json +966 -0
- package/locales/el-GR.json +990 -0
- package/locales/en.json +8 -0
- package/locales/es-ES.json +978 -0
- package/locales/fi-FI.json +990 -0
- package/locales/fr-FR.json +928 -0
- package/locales/he-IL.json +990 -0
- package/locales/hu-HU.json +990 -0
- package/locales/it-IT.json +978 -0
- package/locales/ja-JP.json +998 -0
- package/locales/ko-KR.json +990 -0
- package/locales/nl-NL.json +954 -0
- package/locales/no-NO.json +978 -0
- package/locales/pl-PL.json +982 -0
- package/locales/pseudo.json +6 -0
- package/locales/pt-BR.json +982 -0
- package/locales/pt-PT.json +982 -0
- package/locales/ro-RO.json +982 -0
- package/locales/ru-RU.json +990 -0
- package/locales/sr-SP.json +990 -0
- package/locales/sv-SE.json +986 -0
- package/locales/tr-TR.json +990 -0
- package/locales/uk-UA.json +990 -0
- package/locales/vi-VN.json +986 -0
- package/locales/zh-CN.json +998 -0
- package/locales/zh-TW.json +998 -0
- package/package.json +3 -3
- package/src/BottomSheet/BottomSheet.doc.mjs +36 -3
- package/src/BottomSheet/BottomSheet.test.tsx +177 -2
- package/src/BottomSheet/BottomSheet.tsx +16 -2
- package/src/BottomSheet/BottomSheetPanel.test.tsx +41 -0
- package/src/BottomSheet/BottomSheetPanel.tsx +95 -15
- package/src/BottomSheet/index.ts +5 -1
- package/src/BottomSheet/snapOffsets.test.ts +114 -47
- package/src/BottomSheet/snapOffsets.ts +119 -33
- package/src/BottomSheet/useSheetGestures.test.ts +113 -15
- package/src/BottomSheet/useSheetGestures.ts +196 -100
- package/src/Calendar/Calendar.doc.mjs +16 -0
- package/src/Calendar/Calendar.test.tsx +137 -0
- package/src/Calendar/Calendar.tsx +65 -2
- package/src/Calendar/getStandaloneShortWeekdayNames.test.ts +54 -0
- package/src/Calendar/getStandaloneShortWeekdayNames.ts +38 -0
- package/src/Calendar/hooks/useCalendarConstraints.ts +54 -3
- package/src/Calendar/hooks/useCalendarDays.ts +13 -10
- package/src/Calendar/standaloneShortWeekdayNames.generated.ts +50 -0
- package/src/Center/Center.doc.mjs +48 -0
- package/src/Center/Center.test.tsx +158 -0
- package/src/Center/Center.tsx +50 -9
- package/src/CheckboxInput/CheckboxInput.tsx +6 -0
- package/src/ComplexSelector/ComplexSelector.tsx +3 -1
- package/src/DateInput/DateInput.tsx +3 -1
- package/src/DateRangeInput/DateRangeInput.doc.mjs +16 -0
- package/src/DateRangeInput/DateRangeInput.test.tsx +81 -1
- package/src/DateRangeInput/DateRangeInput.tsx +72 -1
- package/src/DateTimeInput/DateTimeInput.tsx +4 -2
- package/src/Dialog/Dialog.test.tsx +24 -0
- package/src/Dialog/Dialog.tsx +3 -0
- package/src/Field/Field.doc.mjs +1 -0
- package/src/Field/FieldLabel.tsx +20 -4
- package/src/Field/InputClearButton.test.tsx +25 -0
- package/src/Field/InputClearButton.tsx +4 -1
- package/src/FormLayout/FormLayout.doc.mjs +13 -0
- package/src/FormLayout/FormLayout.test.tsx +181 -4
- package/src/FormLayout/FormLayout.tsx +33 -2
- package/src/FormLayout/FormLayoutContext.ts +22 -7
- package/src/FormLayout/index.ts +1 -1
- package/src/Item/Item.doc.mjs +1 -0
- package/src/Item/Item.test.tsx +50 -0
- package/src/Item/Item.tsx +40 -1
- package/src/Layer/useLayer.tsx +13 -2
- package/src/Layout/Layout.doc.mjs +18 -0
- package/src/Layout/container.stylex.ts +11 -3
- package/src/Layout/index.ts +4 -0
- package/src/Layout/overlayPaddingReset.test.tsx +222 -0
- package/src/Layout/padding.stylex.ts +192 -12
- package/src/Lightbox/Lightbox.tsx +2 -1
- package/src/Markdown/Markdown.doc.mjs +3 -0
- package/src/Markdown/Markdown.test.tsx +78 -0
- package/src/Markdown/Markdown.tsx +41 -1
- package/src/Markdown/parser.ts +60 -2
- package/src/MobileNav/MobileNav.tsx +61 -5
- package/src/MobileNav/MobileNavEntryAnimation.test.tsx +212 -0
- package/src/MobileNav/MobileNavScrollbarGutter.test.tsx +109 -0
- package/src/MultiSelector/MultiSelector.tsx +3 -1
- package/src/NumberInput/NumberInput.doc.mjs +24 -0
- package/src/NumberInput/NumberInput.test.tsx +138 -0
- package/src/NumberInput/NumberInput.tsx +43 -5
- package/src/Outline/Outline.doc.mjs +2 -0
- package/src/Outline/parseOutlineFromMarkdown.ts +10 -40
- package/src/RadioList/RadioList.tsx +9 -1
- package/src/Resizable/ResizeHandle.test.tsx +22 -0
- package/src/Resizable/ResizeHandle.tsx +9 -3
- package/src/Section/Section.doc.mjs +55 -0
- package/src/Section/Section.test.tsx +201 -4
- package/src/Section/Section.tsx +69 -0
- package/src/Selector/Selector.doc.mjs +16 -2
- package/src/Selector/Selector.test.tsx +524 -0
- package/src/Selector/Selector.tsx +161 -17
- package/src/Selector/SelectorOption.doc.mjs +7 -0
- package/src/Selector/SelectorOption.tsx +21 -0
- package/src/Selector/SelectorRowLayoutContext.ts +32 -0
- package/src/Selector/types.ts +4 -4
- package/src/Slider/Slider.tsx +10 -0
- package/src/Stack/Stack.doc.mjs +72 -0
- package/src/Stack/Stack.test.tsx +156 -0
- package/src/Stack/Stack.tsx +50 -8
- package/src/StatusDot/StatusDot.doc.mjs +13 -0
- package/src/StatusDot/StatusDot.test.tsx +115 -8
- package/src/StatusDot/StatusDot.tsx +74 -9
- package/src/Switch/Switch.tsx +6 -0
- package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx +20 -2
- package/src/TextArea/TextArea.tsx +3 -1
- package/src/TextInput/TextInput.tsx +3 -1
- package/src/TimeInput/TimeInput.tsx +3 -1
- package/src/hooks/scrollbarGutter.test.ts +167 -0
- package/src/hooks/scrollbarGutter.ts +121 -0
- package/src/hooks/useResolvedRequired.ts +42 -0
- package/src/hooks/useScrollLock.doc.mjs +4 -4
- package/src/hooks/useScrollLock.test.ts +73 -0
- package/src/hooks/useScrollLock.ts +14 -0
- package/src/theme/derivedVarRegistry.test.ts +14 -3
- package/src/theme/derivedVarRegistry.ts +4 -0
- package/src/theme/generateThemeRules.test.ts +79 -0
- package/src/theme/generateThemeRules.ts +49 -4
- package/src/utils/plainDate.test.ts +50 -0
- package/src/utils/plainDate.ts +12 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"padding.stylex.d.ts","sourceRoot":"","sources":["../../src/Layout/padding.stylex.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmExB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C1C,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY9C,CAAC;AAEH,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C9B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C7B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY1C,CAAC"}
|
|
1
|
+
{"version":3,"file":"padding.stylex.d.ts","sourceRoot":"","sources":["../../src/Layout/padding.stylex.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAC;AAE3C,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAY1D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmExB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C1C,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,mCAAmC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY9C,CAAC;AAEH,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvC,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C9B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6C7B,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYnC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYjC,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,oCAAoC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY/C,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,kCAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY7C,CAAC;AAEH;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYlC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYhC,CAAC;AAEH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAY1C,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;EAc9B,CAAC"}
|
|
@@ -500,54 +500,431 @@ export const paddingBlockStyles = {
|
|
|
500
500
|
};
|
|
501
501
|
|
|
502
502
|
/**
|
|
503
|
-
*
|
|
503
|
+
* Inline-start-only padding override styles.
|
|
504
|
+
* Use when a component needs to override the inline-start edge independently
|
|
505
|
+
* of inline-end. Logical, so it follows the writing direction (left in LTR,
|
|
506
|
+
* right in RTL).
|
|
507
|
+
*/
|
|
508
|
+
export const paddingInlineStartStyles = {
|
|
509
|
+
"0": {
|
|
510
|
+
kZCmMZ: "x18gyask",
|
|
511
|
+
$$css: true
|
|
512
|
+
},
|
|
513
|
+
"1": {
|
|
514
|
+
kZCmMZ: "x1vsv5vr",
|
|
515
|
+
$$css: true
|
|
516
|
+
},
|
|
517
|
+
"2": {
|
|
518
|
+
kZCmMZ: "x12gdq22",
|
|
519
|
+
$$css: true
|
|
520
|
+
},
|
|
521
|
+
"3": {
|
|
522
|
+
kZCmMZ: "x126nfab",
|
|
523
|
+
$$css: true
|
|
524
|
+
},
|
|
525
|
+
"4": {
|
|
526
|
+
kZCmMZ: "x1rey3nv",
|
|
527
|
+
$$css: true
|
|
528
|
+
},
|
|
529
|
+
"5": {
|
|
530
|
+
kZCmMZ: "x1blguxw",
|
|
531
|
+
$$css: true
|
|
532
|
+
},
|
|
533
|
+
"6": {
|
|
534
|
+
kZCmMZ: "x31w388",
|
|
535
|
+
$$css: true
|
|
536
|
+
},
|
|
537
|
+
"8": {
|
|
538
|
+
kZCmMZ: "x1j3hnjz",
|
|
539
|
+
$$css: true
|
|
540
|
+
},
|
|
541
|
+
"10": {
|
|
542
|
+
kZCmMZ: "xqp078j",
|
|
543
|
+
$$css: true
|
|
544
|
+
},
|
|
545
|
+
"0.5": {
|
|
546
|
+
kZCmMZ: "x138rykx",
|
|
547
|
+
$$css: true
|
|
548
|
+
},
|
|
549
|
+
"1.5": {
|
|
550
|
+
kZCmMZ: "xfti1ec",
|
|
551
|
+
$$css: true
|
|
552
|
+
}
|
|
553
|
+
};
|
|
554
|
+
|
|
555
|
+
/**
|
|
556
|
+
* Inline-end-only padding override styles.
|
|
557
|
+
* The inline-end counterpart of paddingInlineStartStyles.
|
|
558
|
+
*/
|
|
559
|
+
export const paddingInlineEndStyles = {
|
|
560
|
+
"0": {
|
|
561
|
+
kwRFfy: "x1s0aq8i",
|
|
562
|
+
$$css: true
|
|
563
|
+
},
|
|
564
|
+
"1": {
|
|
565
|
+
kwRFfy: "x1nryj5t",
|
|
566
|
+
$$css: true
|
|
567
|
+
},
|
|
568
|
+
"2": {
|
|
569
|
+
kwRFfy: "x1djylfy",
|
|
570
|
+
$$css: true
|
|
571
|
+
},
|
|
572
|
+
"3": {
|
|
573
|
+
kwRFfy: "x1t818jl",
|
|
574
|
+
$$css: true
|
|
575
|
+
},
|
|
576
|
+
"4": {
|
|
577
|
+
kwRFfy: "xnjyzlh",
|
|
578
|
+
$$css: true
|
|
579
|
+
},
|
|
580
|
+
"5": {
|
|
581
|
+
kwRFfy: "xdbrk9v",
|
|
582
|
+
$$css: true
|
|
583
|
+
},
|
|
584
|
+
"6": {
|
|
585
|
+
kwRFfy: "x1we12cn",
|
|
586
|
+
$$css: true
|
|
587
|
+
},
|
|
588
|
+
"8": {
|
|
589
|
+
kwRFfy: "x1q91b2g",
|
|
590
|
+
$$css: true
|
|
591
|
+
},
|
|
592
|
+
"10": {
|
|
593
|
+
kwRFfy: "x160ivqr",
|
|
594
|
+
$$css: true
|
|
595
|
+
},
|
|
596
|
+
"0.5": {
|
|
597
|
+
kwRFfy: "x1le3yxw",
|
|
598
|
+
$$css: true
|
|
599
|
+
},
|
|
600
|
+
"1.5": {
|
|
601
|
+
kwRFfy: "x17hk9do",
|
|
602
|
+
$$css: true
|
|
603
|
+
}
|
|
604
|
+
};
|
|
605
|
+
|
|
606
|
+
/**
|
|
607
|
+
* Container padding inline-start CSS variable style, set independently of
|
|
608
|
+
* inline-end so a per-edge override keeps edge-compensating children (Card,
|
|
609
|
+
* Divider, a nested Section) compensating against the padding actually
|
|
610
|
+
* applied on that edge.
|
|
611
|
+
*/
|
|
612
|
+
export const containerPaddingInlineStartVarStyles = {
|
|
613
|
+
"0": {
|
|
614
|
+
"--container-padding-inline-start": "x1gu2k80",
|
|
615
|
+
$$css: true
|
|
616
|
+
},
|
|
617
|
+
"1": {
|
|
618
|
+
"--container-padding-inline-start": "x1cvlban",
|
|
619
|
+
$$css: true
|
|
620
|
+
},
|
|
621
|
+
"2": {
|
|
622
|
+
"--container-padding-inline-start": "x1xlrr2o",
|
|
623
|
+
$$css: true
|
|
624
|
+
},
|
|
625
|
+
"3": {
|
|
626
|
+
"--container-padding-inline-start": "xfdwxua",
|
|
627
|
+
$$css: true
|
|
628
|
+
},
|
|
629
|
+
"4": {
|
|
630
|
+
"--container-padding-inline-start": "x1dlhslv",
|
|
631
|
+
$$css: true
|
|
632
|
+
},
|
|
633
|
+
"5": {
|
|
634
|
+
"--container-padding-inline-start": "x1s81nki",
|
|
635
|
+
$$css: true
|
|
636
|
+
},
|
|
637
|
+
"6": {
|
|
638
|
+
"--container-padding-inline-start": "x1ep0dkj",
|
|
639
|
+
$$css: true
|
|
640
|
+
},
|
|
641
|
+
"8": {
|
|
642
|
+
"--container-padding-inline-start": "xw1diwv",
|
|
643
|
+
$$css: true
|
|
644
|
+
},
|
|
645
|
+
"10": {
|
|
646
|
+
"--container-padding-inline-start": "xserb3f",
|
|
647
|
+
$$css: true
|
|
648
|
+
},
|
|
649
|
+
"0.5": {
|
|
650
|
+
"--container-padding-inline-start": "x14ws0sr",
|
|
651
|
+
$$css: true
|
|
652
|
+
},
|
|
653
|
+
"1.5": {
|
|
654
|
+
"--container-padding-inline-start": "x176g23i",
|
|
655
|
+
$$css: true
|
|
656
|
+
}
|
|
657
|
+
};
|
|
658
|
+
|
|
659
|
+
/**
|
|
660
|
+
* Container padding inline-end CSS variable style, the counterpart of
|
|
661
|
+
* containerPaddingInlineStartVarStyles.
|
|
662
|
+
*/
|
|
663
|
+
export const containerPaddingInlineEndVarStyles = {
|
|
664
|
+
"0": {
|
|
665
|
+
"--container-padding-inline-end": "x91ghl5",
|
|
666
|
+
$$css: true
|
|
667
|
+
},
|
|
668
|
+
"1": {
|
|
669
|
+
"--container-padding-inline-end": "x2oyxnl",
|
|
670
|
+
$$css: true
|
|
671
|
+
},
|
|
672
|
+
"2": {
|
|
673
|
+
"--container-padding-inline-end": "xcas3b9",
|
|
674
|
+
$$css: true
|
|
675
|
+
},
|
|
676
|
+
"3": {
|
|
677
|
+
"--container-padding-inline-end": "xu0ipoa",
|
|
678
|
+
$$css: true
|
|
679
|
+
},
|
|
680
|
+
"4": {
|
|
681
|
+
"--container-padding-inline-end": "xs0pscg",
|
|
682
|
+
$$css: true
|
|
683
|
+
},
|
|
684
|
+
"5": {
|
|
685
|
+
"--container-padding-inline-end": "xgkj7vj",
|
|
686
|
+
$$css: true
|
|
687
|
+
},
|
|
688
|
+
"6": {
|
|
689
|
+
"--container-padding-inline-end": "x94cj42",
|
|
690
|
+
$$css: true
|
|
691
|
+
},
|
|
692
|
+
"8": {
|
|
693
|
+
"--container-padding-inline-end": "x1b9k1pi",
|
|
694
|
+
$$css: true
|
|
695
|
+
},
|
|
696
|
+
"10": {
|
|
697
|
+
"--container-padding-inline-end": "xx5lg5w",
|
|
698
|
+
$$css: true
|
|
699
|
+
},
|
|
700
|
+
"0.5": {
|
|
701
|
+
"--container-padding-inline-end": "x1wz3t3y",
|
|
702
|
+
$$css: true
|
|
703
|
+
},
|
|
704
|
+
"1.5": {
|
|
705
|
+
"--container-padding-inline-end": "xntetml",
|
|
706
|
+
$$css: true
|
|
707
|
+
}
|
|
708
|
+
};
|
|
709
|
+
|
|
710
|
+
/**
|
|
711
|
+
* Block-start-only padding override styles.
|
|
712
|
+
* Use when a component needs to override the block-start (top) edge
|
|
713
|
+
* independently of block-end — e.g. a section that sits under a sticky
|
|
714
|
+
* header and needs less padding above than below.
|
|
715
|
+
*/
|
|
716
|
+
export const paddingBlockStartStyles = {
|
|
717
|
+
"0": {
|
|
718
|
+
kLKAdn: "x1ydh6w3",
|
|
719
|
+
$$css: true
|
|
720
|
+
},
|
|
721
|
+
"1": {
|
|
722
|
+
kLKAdn: "xfsso4q",
|
|
723
|
+
$$css: true
|
|
724
|
+
},
|
|
725
|
+
"2": {
|
|
726
|
+
kLKAdn: "x1xye8es",
|
|
727
|
+
$$css: true
|
|
728
|
+
},
|
|
729
|
+
"3": {
|
|
730
|
+
kLKAdn: "x1vlblms",
|
|
731
|
+
$$css: true
|
|
732
|
+
},
|
|
733
|
+
"4": {
|
|
734
|
+
kLKAdn: "x1oa1p4a",
|
|
735
|
+
$$css: true
|
|
736
|
+
},
|
|
737
|
+
"5": {
|
|
738
|
+
kLKAdn: "xx7rijo",
|
|
739
|
+
$$css: true
|
|
740
|
+
},
|
|
741
|
+
"6": {
|
|
742
|
+
kLKAdn: "x1adxfkp",
|
|
743
|
+
$$css: true
|
|
744
|
+
},
|
|
745
|
+
"8": {
|
|
746
|
+
kLKAdn: "xoxd1wu",
|
|
747
|
+
$$css: true
|
|
748
|
+
},
|
|
749
|
+
"10": {
|
|
750
|
+
kLKAdn: "xk6660b",
|
|
751
|
+
$$css: true
|
|
752
|
+
},
|
|
753
|
+
"0.5": {
|
|
754
|
+
kLKAdn: "xbx876j",
|
|
755
|
+
$$css: true
|
|
756
|
+
},
|
|
757
|
+
"1.5": {
|
|
758
|
+
kLKAdn: "x1kwdpsa",
|
|
759
|
+
$$css: true
|
|
760
|
+
}
|
|
761
|
+
};
|
|
762
|
+
|
|
763
|
+
/**
|
|
764
|
+
* Block-end-only padding override styles.
|
|
765
|
+
* The block-end counterpart of paddingBlockStartStyles.
|
|
766
|
+
*/
|
|
767
|
+
export const paddingBlockEndStyles = {
|
|
768
|
+
"0": {
|
|
769
|
+
kGO01o: "x1l20ajd",
|
|
770
|
+
$$css: true
|
|
771
|
+
},
|
|
772
|
+
"1": {
|
|
773
|
+
kGO01o: "xy143xn",
|
|
774
|
+
$$css: true
|
|
775
|
+
},
|
|
776
|
+
"2": {
|
|
777
|
+
kGO01o: "x1wesfrj",
|
|
778
|
+
$$css: true
|
|
779
|
+
},
|
|
780
|
+
"3": {
|
|
781
|
+
kGO01o: "xvmdzux",
|
|
782
|
+
$$css: true
|
|
783
|
+
},
|
|
784
|
+
"4": {
|
|
785
|
+
kGO01o: "x1awphl8",
|
|
786
|
+
$$css: true
|
|
787
|
+
},
|
|
788
|
+
"5": {
|
|
789
|
+
kGO01o: "x1hk98q",
|
|
790
|
+
$$css: true
|
|
791
|
+
},
|
|
792
|
+
"6": {
|
|
793
|
+
kGO01o: "xjpqqx5",
|
|
794
|
+
$$css: true
|
|
795
|
+
},
|
|
796
|
+
"8": {
|
|
797
|
+
kGO01o: "x2oz4g1",
|
|
798
|
+
$$css: true
|
|
799
|
+
},
|
|
800
|
+
"10": {
|
|
801
|
+
kGO01o: "x2izi54",
|
|
802
|
+
$$css: true
|
|
803
|
+
},
|
|
804
|
+
"0.5": {
|
|
805
|
+
kGO01o: "xij103a",
|
|
806
|
+
$$css: true
|
|
807
|
+
},
|
|
808
|
+
"1.5": {
|
|
809
|
+
kGO01o: "x1opdxmq",
|
|
810
|
+
$$css: true
|
|
811
|
+
}
|
|
812
|
+
};
|
|
813
|
+
|
|
814
|
+
/**
|
|
815
|
+
* Propagation styles for `--_section-padding-propagated`.
|
|
504
816
|
* When a parent section sets explicit padding, this propagates the value
|
|
505
817
|
* through the CSS custom property cascade so nested sections that use
|
|
506
818
|
* useThemeDefault inherit the parent's padding instead of the theme default.
|
|
819
|
+
*
|
|
820
|
+
* This is deliberately NOT the public `--astryx-section-padding` token. The
|
|
821
|
+
* two carry different authority: the public token is the THEME's section
|
|
822
|
+
* padding, set once at the theme root, while this one is one ancestor
|
|
823
|
+
* Section's padding, propagated down the tree. An overlay has to drop the
|
|
824
|
+
* inherited value at its boundary (see {@link overlayPaddingReset}) without
|
|
825
|
+
* dropping the theme's — impossible while both live under one name.
|
|
826
|
+
* `container.stylex.ts` reads this ahead of the public token, so a propagated
|
|
827
|
+
* value still wins over the theme for nested sections, as before.
|
|
507
828
|
*/
|
|
508
829
|
export const sectionPaddingPropagationStyles = {
|
|
509
830
|
"0": {
|
|
510
|
-
"--
|
|
831
|
+
"--_section-padding-propagated": "x7mo41q",
|
|
511
832
|
$$css: true
|
|
512
833
|
},
|
|
513
834
|
"1": {
|
|
514
|
-
"--
|
|
835
|
+
"--_section-padding-propagated": "x1j3iakl",
|
|
515
836
|
$$css: true
|
|
516
837
|
},
|
|
517
838
|
"2": {
|
|
518
|
-
"--
|
|
839
|
+
"--_section-padding-propagated": "xezgk69",
|
|
519
840
|
$$css: true
|
|
520
841
|
},
|
|
521
842
|
"3": {
|
|
522
|
-
"--
|
|
843
|
+
"--_section-padding-propagated": "x1wtz8uf",
|
|
523
844
|
$$css: true
|
|
524
845
|
},
|
|
525
846
|
"4": {
|
|
526
|
-
"--
|
|
847
|
+
"--_section-padding-propagated": "x5wdj8h",
|
|
527
848
|
$$css: true
|
|
528
849
|
},
|
|
529
850
|
"5": {
|
|
530
|
-
"--
|
|
851
|
+
"--_section-padding-propagated": "xgjndll",
|
|
531
852
|
$$css: true
|
|
532
853
|
},
|
|
533
854
|
"6": {
|
|
534
|
-
"--
|
|
855
|
+
"--_section-padding-propagated": "x15i4jqh",
|
|
535
856
|
$$css: true
|
|
536
857
|
},
|
|
537
858
|
"8": {
|
|
538
|
-
"--
|
|
859
|
+
"--_section-padding-propagated": "xmb9lpv",
|
|
539
860
|
$$css: true
|
|
540
861
|
},
|
|
541
862
|
"10": {
|
|
542
|
-
"--
|
|
863
|
+
"--_section-padding-propagated": "x4h2jfd",
|
|
543
864
|
$$css: true
|
|
544
865
|
},
|
|
545
866
|
"0.5": {
|
|
546
|
-
"--
|
|
867
|
+
"--_section-padding-propagated": "x2ccaqq",
|
|
547
868
|
$$css: true
|
|
548
869
|
},
|
|
549
870
|
"1.5": {
|
|
550
|
-
"--
|
|
871
|
+
"--_section-padding-propagated": "xxa843v",
|
|
872
|
+
$$css: true
|
|
873
|
+
}
|
|
874
|
+
};
|
|
875
|
+
|
|
876
|
+
/**
|
|
877
|
+
* Padding-variable reset for overlay roots (Dialog, BottomSheet, Drawer,
|
|
878
|
+
* MobileNav, Lightbox, and every layer surface).
|
|
879
|
+
*
|
|
880
|
+
* ## Why an overlay needs this
|
|
881
|
+
*
|
|
882
|
+
* The container padding system talks to descendants through inherited custom
|
|
883
|
+
* properties: a padded container announces its padding, and children read the
|
|
884
|
+
* value either to apply it or to cancel it with a negative margin
|
|
885
|
+
* (`Section`, `Divider`, `Layout`, `Table`).
|
|
886
|
+
*
|
|
887
|
+
* Inheritance follows the DOM, but an overlay leaves its parent's visual box —
|
|
888
|
+
* a fixed/top-layer `<dialog>` is a DOM descendant of the padded page while
|
|
889
|
+
* being nowhere near it on screen. It inherits values describing padding that
|
|
890
|
+
* is not there, and its content compensates against phantom space: a `Section`
|
|
891
|
+
* inside a 640px sheet rendered 672px wide and hung off both edges (#5208).
|
|
892
|
+
*
|
|
893
|
+
* Two families leak, and they need opposite treatments:
|
|
894
|
+
*
|
|
895
|
+
* - `--container-padding-*` -> `0px`. Descendants SUBTRACT these (bleed
|
|
896
|
+
* margins). The overlay root has no padding of its own to escape, so the
|
|
897
|
+
* honest answer is zero. Nested containers that do set padding (a Dialog's
|
|
898
|
+
* content wrapper) re-announce their own values below this point, so
|
|
899
|
+
* legitimate edge-to-edge bleed inside the overlay is unaffected.
|
|
900
|
+
* - `--layout-padding-*` and `--_section-padding-propagated` -> `initial`.
|
|
901
|
+
* Descendants ADD these, so zeroing them would strip padding rather than
|
|
902
|
+
* restore it. `initial` makes each guaranteed-invalid, so readers fall
|
|
903
|
+
* through their own `var(…, fallback)` chain and land on the theme default —
|
|
904
|
+
* which is what an overlay at the top of the tree should show.
|
|
905
|
+
*
|
|
906
|
+
* `initial` is also why propagation moved off `--astryx-section-padding`: that
|
|
907
|
+
* name is public theme surface, set at the theme root, and making it invalid
|
|
908
|
+
* here would blank the theme's own section padding inside every overlay.
|
|
909
|
+
*
|
|
910
|
+
* Apply on the overlay's outermost styled element.
|
|
911
|
+
*
|
|
912
|
+
* @example
|
|
913
|
+
* ```
|
|
914
|
+
* <dialog {...stylex.props(styles.dialog, overlayPaddingReset.reset)} />
|
|
915
|
+
* ```
|
|
916
|
+
*/
|
|
917
|
+
export const overlayPaddingReset = {
|
|
918
|
+
reset: {
|
|
919
|
+
"--container-padding-inline-start": "xrhngw9",
|
|
920
|
+
"--container-padding-inline-end": "xjsfl84",
|
|
921
|
+
"--container-padding-block-start": "x1047aw6",
|
|
922
|
+
"--container-padding-block-end": "xax9j7h",
|
|
923
|
+
"--layout-padding-outer-x": "xdt8ak2",
|
|
924
|
+
"--layout-padding-outer-y": "x1rs4lu4",
|
|
925
|
+
"--layout-padding-inner-x": "x1qfll2g",
|
|
926
|
+
"--layout-padding-inner-y": "xyvxpqs",
|
|
927
|
+
"--_section-padding-propagated": "x1f17rg1",
|
|
551
928
|
$$css: true
|
|
552
929
|
}
|
|
553
930
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../src/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAM5C;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,uBAAuB;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,GAAG,EAAE,MAAM,CAAC;IACZ,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACjE,+CAA+C;IAC/C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,KAAK,EAAE,aAAa,GAAG,aAAa,EAAE,CAAC;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAwJD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,YAAY,EACZ,KAAK,EACL,KAAK,EAAE,eAAe,EACtB,YAAgB,EAChB,aAAa,EACb,OAAe,EACf,WAAmB,EACnB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,EACxB,GAAG,KAAK,EACT,EAAE,aAAa,sCA6Yf;yBA7Ze,QAAQ"}
|
|
@@ -27,6 +27,7 @@ import { useIsomorphicLayoutEffect } from "../hooks/useIsomorphicLayoutEffect.js
|
|
|
27
27
|
import { mergeProps, mergeRefs, rtlStyles } from "../utils/index.js";
|
|
28
28
|
import { themeProps } from "../utils/themeProps.js";
|
|
29
29
|
import { focusOutlineStyles } from "../utils/focusOutline.stylex.js";
|
|
30
|
+
import { overlayPaddingReset } from "../Layout/padding.stylex.js";
|
|
30
31
|
import { useTranslator } from "../i18n/index.js";
|
|
31
32
|
|
|
32
33
|
/**
|
|
@@ -448,7 +449,7 @@ export function Lightbox({
|
|
|
448
449
|
onKeyDownProp?.(e);
|
|
449
450
|
},
|
|
450
451
|
"aria-label": currentItem.alt || t('@astryx.lightbox.mediaViewer'),
|
|
451
|
-
...mergeProps(themeProps('lightbox'), stylex.props(styles.dialog, xstyle), className, style),
|
|
452
|
+
...mergeProps(themeProps('lightbox'), stylex.props(styles.dialog, overlayPaddingReset.reset, xstyle), className, style),
|
|
452
453
|
...props,
|
|
453
454
|
children: /*#__PURE__*/_jsxs("div", {
|
|
454
455
|
ref: containerRef,
|
|
@@ -50,6 +50,14 @@ export interface MarkdownComponents {
|
|
|
50
50
|
heading?: React.ComponentType<{
|
|
51
51
|
level: 1 | 2 | 3 | 4 | 5 | 6;
|
|
52
52
|
children: React.ReactNode;
|
|
53
|
+
/**
|
|
54
|
+
* Generated slug for this heading, matching the ids produced by
|
|
55
|
+
* useOutlineFromMarkdown / parseOutlineFromMarkdown. Render it as the
|
|
56
|
+
* element's `id` to keep Outline hash navigation working. Undefined for
|
|
57
|
+
* headings nested inside blockquotes or list items (the outline only
|
|
58
|
+
* lists top-level headings).
|
|
59
|
+
*/
|
|
60
|
+
id?: string;
|
|
53
61
|
}>;
|
|
54
62
|
paragraph?: React.ComponentType<{
|
|
55
63
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/Markdown/Markdown.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAgBhD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAG5C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/Markdown/Markdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@ import { computeBoundaries, computeSegments } from "./streaming.js";
|
|
|
31
31
|
import { useTheme } from "../theme/useTheme.js";
|
|
32
32
|
import { Citation } from "../Citation/Citation.js";
|
|
33
33
|
import { useLinkComponent } from "../Link/useLinkComponent.js";
|
|
34
|
-
import { parseInline, parseMarkdown, parseMarkdownIncremental, createIncrementalState, trimStreamingArtifacts } from "./parser.js";
|
|
34
|
+
import { parseInline, parseMarkdown, parseMarkdownIncremental, createIncrementalState, trimStreamingArtifacts, inlineText, slugify, uniqueSlug } from "./parser.js";
|
|
35
35
|
import { themeProps } from "../utils/themeProps.js";
|
|
36
36
|
import { useTranslator } from "../i18n/index.js";
|
|
37
37
|
|
|
@@ -763,7 +763,7 @@ function computeTableColumnMinWidths(node) {
|
|
|
763
763
|
return maxLen <= 6 ? 60 : maxLen <= 15 ? 80 : 120;
|
|
764
764
|
});
|
|
765
765
|
}
|
|
766
|
-
function renderBlock(node, index, blockCount, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent = 'a', inlinePlugins, components, t) {
|
|
766
|
+
function renderBlock(node, index, blockCount, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent = 'a', inlinePlugins, components, t, headingIdMap) {
|
|
767
767
|
const blockAlignMargin = BLOCK_ALIGN_MARGIN[contentAlign];
|
|
768
768
|
const blockAlignStyle = blockAlignMargin != null ? dynamicStyles.blockAlign(blockAlignMargin) : null;
|
|
769
769
|
const spacing = getElementSpacing(node, density);
|
|
@@ -774,15 +774,22 @@ function renderBlock(node, index, blockCount, density, headingLevelStart, onLink
|
|
|
774
774
|
{
|
|
775
775
|
const level = Math.min(node.level + headingLevelStart - 1, 6);
|
|
776
776
|
const headingChildren = node.children.map((c, i) => renderInline(c, i, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components));
|
|
777
|
+
// Only top-level headings get an id: the map is built from the same
|
|
778
|
+
// traversal parseOutlineFromMarkdown uses (which skips headings nested
|
|
779
|
+
// in blockquotes / list items), so rendered ids and outline ids stay
|
|
780
|
+
// identical — including duplicate-slug numbering.
|
|
781
|
+
const headingId = headingIdMap?.get(node);
|
|
777
782
|
const HeadingComp = components?.heading;
|
|
778
783
|
if (HeadingComp) {
|
|
779
784
|
return /*#__PURE__*/_jsx(HeadingComp, {
|
|
780
785
|
level: level,
|
|
786
|
+
id: headingId,
|
|
781
787
|
children: headingChildren
|
|
782
788
|
}, index);
|
|
783
789
|
}
|
|
784
790
|
const Tag = `h${level}`;
|
|
785
791
|
return /*#__PURE__*/_jsx(Tag, {
|
|
792
|
+
id: headingId,
|
|
786
793
|
...mergeProps(themeProps('markdown-heading', {
|
|
787
794
|
density,
|
|
788
795
|
level
|
|
@@ -1088,6 +1095,27 @@ export function Markdown({
|
|
|
1088
1095
|
}
|
|
1089
1096
|
return parseMarkdown(children, parseOptions);
|
|
1090
1097
|
}, [display, smoothedText, children, isStreaming, parseOptions]);
|
|
1098
|
+
|
|
1099
|
+
// Assign each top-level heading the slug that parseOutlineFromMarkdown
|
|
1100
|
+
// would derive for it, so Outline hash links built from the same source
|
|
1101
|
+
// always find a matching DOM id. Mirrors that function's traversal exactly:
|
|
1102
|
+
// top-level blocks only, one shared duplicate-numbering sequence.
|
|
1103
|
+
// NOTE: must stay above the `display === 'inline'` early return below —
|
|
1104
|
+
// hooks cannot be conditional.
|
|
1105
|
+
const headingIdMap = useMemo(() => {
|
|
1106
|
+
if (display === 'inline' || blocks.length === 0) {
|
|
1107
|
+
return undefined;
|
|
1108
|
+
}
|
|
1109
|
+
const map = new Map();
|
|
1110
|
+
const counts = new Map();
|
|
1111
|
+
for (const block of blocks) {
|
|
1112
|
+
if (block.type === 'heading') {
|
|
1113
|
+
const label = inlineText(block.children).trim();
|
|
1114
|
+
map.set(block, uniqueSlug(slugify(label), counts));
|
|
1115
|
+
}
|
|
1116
|
+
}
|
|
1117
|
+
return map;
|
|
1118
|
+
}, [display, blocks]);
|
|
1091
1119
|
const inlineNodes = useMemo(() => {
|
|
1092
1120
|
if (display !== 'inline') {
|
|
1093
1121
|
return [];
|
|
@@ -1158,7 +1186,7 @@ export function Markdown({
|
|
|
1158
1186
|
...mergeProps(themeProps('markdown', {
|
|
1159
1187
|
density
|
|
1160
1188
|
}), stylex.props(styles.root, xstyle), className, style),
|
|
1161
|
-
children: blocks.map((block, i) => renderBlock(block, i, blocks.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidth ? typeof contentWidth === 'number' ? `${contentWidth}px` : contentWidth : null, contentAlign, LinkComponent, inlinePlugins, components, t))
|
|
1189
|
+
children: blocks.map((block, i) => renderBlock(block, i, blocks.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidth ? typeof contentWidth === 'number' ? `${contentWidth}px` : contentWidth : null, contentAlign, LinkComponent, inlinePlugins, components, t, headingIdMap))
|
|
1162
1190
|
});
|
|
1163
1191
|
|
|
1164
1192
|
// Store current blocks for next render's boundary calculation.
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* @file parser.ts
|
|
3
3
|
* @input Markdown string
|
|
4
|
-
* @output Array of MarkdownNode AST nodes
|
|
5
|
-
*
|
|
4
|
+
* @output Array of MarkdownNode AST nodes; heading slug helpers
|
|
5
|
+
* (inlineText, slugify, uniqueSlug) shared by Markdown rendering and
|
|
6
|
+
* Outline's parseOutlineFromMarkdown
|
|
7
|
+
* @position Core parser; consumed by Markdown.tsx and Outline
|
|
6
8
|
*/
|
|
7
9
|
export type InlineNode = {
|
|
8
10
|
type: 'text';
|
|
@@ -131,4 +133,14 @@ export declare function createIncrementalState(): IncrementalState;
|
|
|
131
133
|
export declare function trimStreamingArtifacts(input: string): string;
|
|
132
134
|
export declare function parseMarkdownIncremental(input: string, state: IncrementalState, sourceIds?: ReadonlySet<string>): BlockNode[];
|
|
133
135
|
export declare function parseMarkdownIncremental(input: string, state: IncrementalState, options: ParseOptions): BlockNode[];
|
|
136
|
+
/** Flatten inline nodes into their plain text content. */
|
|
137
|
+
export declare function inlineText(nodes: InlineNode[]): string;
|
|
138
|
+
/** Turn heading text into a URL-safe slug (lowercase, hyphen-separated). */
|
|
139
|
+
export declare function slugify(value: string): string;
|
|
140
|
+
/**
|
|
141
|
+
* Disambiguate repeated slugs with a numeric suffix (`setup`, `setup-1`, …).
|
|
142
|
+
* Empty slugs fall back to `section`. The caller owns the counts map so one
|
|
143
|
+
* document shares a single numbering sequence.
|
|
144
|
+
*/
|
|
145
|
+
export declare function uniqueSlug(baseSlug: string, counts: Map<string, number>): string;
|
|
134
146
|
//# sourceMappingURL=parser.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../src/Markdown/parser.ts"],"names":[],"mappings":"AAEA
|
|
1
|
+
{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../src/Markdown/parser.ts"],"names":[],"mappings":"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"}
|