@hzblj/kara-components 0.9.0 → 0.11.0
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 +72 -28
- package/README.md +8 -8
- package/lib/module/atoms/activity-indicator/activity-indicator.android.js +6 -1
- package/lib/module/atoms/activity-indicator/activity-indicator.android.js.map +1 -1
- package/lib/module/atoms/activity-indicator/activity-indicator.ios.js +2 -0
- package/lib/module/atoms/activity-indicator/activity-indicator.ios.js.map +1 -1
- package/lib/module/atoms/avatar/avatar.js +5 -0
- package/lib/module/atoms/avatar/avatar.js.map +1 -1
- package/lib/module/atoms/button/button-tokens.js +2 -2
- package/lib/module/atoms/button/button-tokens.js.map +1 -1
- package/lib/module/atoms/button/button.android.js +6 -2
- package/lib/module/atoms/button/button.android.js.map +1 -1
- package/lib/module/atoms/button/button.ios.js +7 -2
- package/lib/module/atoms/button/button.ios.js.map +1 -1
- package/lib/module/atoms/card/card.android.js +5 -3
- package/lib/module/atoms/card/card.android.js.map +1 -1
- package/lib/module/atoms/card/card.ios.js +7 -3
- package/lib/module/atoms/card/card.ios.js.map +1 -1
- package/lib/module/atoms/checkbox/checkbox.android.js +1 -1
- package/lib/module/atoms/checkbox/checkbox.android.js.map +1 -1
- package/lib/module/atoms/color-picker/color-picker.android.js +32 -5
- package/lib/module/atoms/color-picker/color-picker.android.js.map +1 -1
- package/lib/module/atoms/fab/fab.android.js +9 -1
- package/lib/module/atoms/fab/fab.android.js.map +1 -1
- package/lib/module/atoms/fab/fab.ios.js +9 -3
- package/lib/module/atoms/fab/fab.ios.js.map +1 -1
- package/lib/module/atoms/glass-view/glass-view.android.js +1 -1
- package/lib/module/atoms/glass-view/glass-view.android.js.map +1 -1
- package/lib/module/atoms/h-stack/h-stack.ios.js +5 -3
- package/lib/module/atoms/h-stack/h-stack.ios.js.map +1 -1
- package/lib/module/atoms/icon-button/icon-button.android.js +9 -0
- package/lib/module/atoms/icon-button/icon-button.android.js.map +1 -1
- package/lib/module/atoms/icon-button/icon-button.ios.js +26 -6
- package/lib/module/atoms/icon-button/icon-button.ios.js.map +1 -1
- package/lib/module/atoms/image/image.js +4 -4
- package/lib/module/atoms/image/image.js.map +1 -1
- package/lib/module/atoms/pressable/pressable.js +52 -28
- package/lib/module/atoms/pressable/pressable.js.map +1 -1
- package/lib/module/atoms/progress/progress.android.js +7 -0
- package/lib/module/atoms/progress/progress.android.js.map +1 -1
- package/lib/module/atoms/progress/progress.ios.js +6 -1
- package/lib/module/atoms/progress/progress.ios.js.map +1 -1
- package/lib/module/atoms/segmented-control/segmented-control.android.js +1 -1
- package/lib/module/atoms/segmented-control/segmented-control.android.js.map +1 -1
- package/lib/module/atoms/segmented-control/segmented-control.ios.js +1 -1
- package/lib/module/atoms/segmented-control/segmented-control.ios.js.map +1 -1
- package/lib/module/atoms/skeleton/skeleton.js +20 -6
- package/lib/module/atoms/skeleton/skeleton.js.map +1 -1
- package/lib/module/atoms/surface/surface.android.js +5 -3
- package/lib/module/atoms/surface/surface.android.js.map +1 -1
- package/lib/module/atoms/surface/surface.ios.js +7 -3
- package/lib/module/atoms/surface/surface.ios.js.map +1 -1
- package/lib/module/atoms/switch/switch.android.js +1 -1
- package/lib/module/atoms/switch/switch.android.js.map +1 -1
- package/lib/module/atoms/text/text.android.js +5 -3
- package/lib/module/atoms/text/text.android.js.map +1 -1
- package/lib/module/atoms/text/text.ios.js +6 -4
- package/lib/module/atoms/text/text.ios.js.map +1 -1
- package/lib/module/atoms/v-stack/v-stack.ios.js +5 -3
- package/lib/module/atoms/v-stack/v-stack.ios.js.map +1 -1
- package/lib/module/atoms/z-stack/z-stack.ios.js +5 -3
- package/lib/module/atoms/z-stack/z-stack.ios.js.map +1 -1
- package/lib/module/glyph/glyph.android.js +2 -0
- package/lib/module/glyph/glyph.android.js.map +1 -1
- package/lib/module/glyph/glyph.ios.js +5 -2
- package/lib/module/glyph/glyph.ios.js.map +1 -1
- package/lib/module/molecules/collapsible/collapsible.android.js +18 -8
- package/lib/module/molecules/collapsible/collapsible.android.js.map +1 -1
- package/lib/module/molecules/labeled-content/labeled-content.js +4 -1
- package/lib/module/molecules/labeled-content/labeled-content.js.map +1 -1
- package/lib/module/molecules/link/link.js +4 -1
- package/lib/module/molecules/link/link.js.map +1 -1
- package/lib/module/molecules/list-item/list-item.js +4 -1
- package/lib/module/molecules/list-item/list-item.js.map +1 -1
- package/lib/module/molecules/navigation-bar/navigation-bar.android.js +1 -1
- package/lib/module/molecules/navigation-bar/navigation-bar.android.js.map +1 -1
- package/lib/module/molecules/navigation-bar/navigation-bar.ios.js +1 -1
- package/lib/module/molecules/navigation-bar/navigation-bar.ios.js.map +1 -1
- package/lib/module/molecules/rn-list-item/rn-list-item.js +10 -2
- package/lib/module/molecules/rn-list-item/rn-list-item.js.map +1 -1
- package/lib/module/molecules/scroll-edge-container/scroll-edge-container.android.js +3 -4
- package/lib/module/molecules/scroll-edge-container/scroll-edge-container.android.js.map +1 -1
- package/lib/module/molecules/stepper/stepper.ios.js +6 -2
- package/lib/module/molecules/stepper/stepper.ios.js.map +1 -1
- package/lib/module/motion.js +19 -0
- package/lib/module/motion.js.map +1 -0
- package/lib/module/organisms/fab-menu/fab-menu.android.js +8 -5
- package/lib/module/organisms/fab-menu/fab-menu.android.js.map +1 -1
- package/lib/module/organisms/fab-menu/fab-menu.ios.js +5 -2
- package/lib/module/organisms/fab-menu/fab-menu.ios.js.map +1 -1
- package/lib/module/organisms/snackbar/snackbar.js +142 -17
- package/lib/module/organisms/snackbar/snackbar.js.map +1 -1
- package/lib/module/organisms/swipe-actions/swipe-actions.android.js +1 -1
- package/lib/module/organisms/swipe-actions/swipe-actions.android.js.map +1 -1
- package/lib/module/use-stack-modifiers.js +10 -8
- package/lib/module/use-stack-modifiers.js.map +1 -1
- package/lib/typescript/atoms/activity-indicator/activity-indicator.types.d.ts +3 -1
- package/lib/typescript/atoms/avatar/avatar.types.d.ts +7 -2
- package/lib/typescript/atoms/badge/badge.types.d.ts +1 -1
- package/lib/typescript/atoms/blur-view/blur-view.types.d.ts +6 -6
- package/lib/typescript/atoms/button/button-tokens.d.ts +1 -1
- package/lib/typescript/atoms/button/button.types.d.ts +9 -7
- package/lib/typescript/atoms/card/card.types.d.ts +3 -3
- package/lib/typescript/atoms/checkbox/checkbox.types.d.ts +2 -2
- package/lib/typescript/atoms/chip/chip.types.d.ts +1 -1
- package/lib/typescript/atoms/color-picker/color-picker.types.d.ts +4 -3
- package/lib/typescript/atoms/date-picker/date-picker.types.d.ts +4 -4
- package/lib/typescript/atoms/divider/divider.types.d.ts +2 -2
- package/lib/typescript/atoms/fab/fab.types.d.ts +10 -3
- package/lib/typescript/atoms/glass-view/glass-view.types.d.ts +5 -5
- package/lib/typescript/atoms/h-stack/h-stack.types.d.ts +8 -5
- package/lib/typescript/atoms/icon/icon.types.d.ts +4 -4
- package/lib/typescript/atoms/icon-button/icon-button.types.d.ts +14 -3
- package/lib/typescript/atoms/image/image.d.ts +2 -2
- package/lib/typescript/atoms/island/island.types.d.ts +4 -4
- package/lib/typescript/atoms/list/list.types.d.ts +5 -5
- package/lib/typescript/atoms/picker/picker.types.d.ts +1 -1
- package/lib/typescript/atoms/pressable/pressable.types.d.ts +23 -7
- package/lib/typescript/atoms/progress/progress.types.d.ts +3 -1
- package/lib/typescript/atoms/rn-flat-list/rn-flat-list.types.d.ts +2 -2
- package/lib/typescript/atoms/rn-icon/rn-icon.types.d.ts +1 -1
- package/lib/typescript/atoms/rn-scroll-view/rn-scroll-view.types.d.ts +2 -2
- package/lib/typescript/atoms/rn-section-list/rn-section-list.types.d.ts +2 -2
- package/lib/typescript/atoms/rn-text/rn-text.types.d.ts +2 -2
- package/lib/typescript/atoms/rn-view/rn-view.types.d.ts +3 -3
- package/lib/typescript/atoms/scroll-view/scroll-view.types.d.ts +3 -3
- package/lib/typescript/atoms/segmented-control/segmented-control.types.d.ts +3 -3
- package/lib/typescript/atoms/skeleton/skeleton.types.d.ts +2 -1
- package/lib/typescript/atoms/spacer/spacer.types.d.ts +1 -1
- package/lib/typescript/atoms/surface/surface.types.d.ts +3 -3
- package/lib/typescript/atoms/switch/switch.types.d.ts +1 -1
- package/lib/typescript/atoms/text/text.types.d.ts +3 -3
- package/lib/typescript/atoms/text-field/text-field.types.d.ts +4 -4
- package/lib/typescript/atoms/v-stack/v-stack.types.d.ts +4 -4
- package/lib/typescript/atoms/z-stack/z-stack.types.d.ts +4 -4
- package/lib/typescript/glyph/glyph-button.types.d.ts +1 -1
- package/lib/typescript/glyph/glyph.types.d.ts +3 -1
- package/lib/typescript/molecules/collapsible/collapsible.types.d.ts +1 -1
- package/lib/typescript/molecules/empty-state/empty-state.types.d.ts +1 -1
- package/lib/typescript/molecules/label/label.types.d.ts +1 -1
- package/lib/typescript/molecules/labeled-content/labeled-content.types.d.ts +6 -4
- package/lib/typescript/molecules/link/link.types.d.ts +2 -1
- package/lib/typescript/molecules/list-item/list-item.types.d.ts +6 -4
- package/lib/typescript/molecules/navigation-bar/navigation-bar.types.d.ts +8 -8
- package/lib/typescript/molecules/pager/pager.types.d.ts +2 -2
- package/lib/typescript/molecules/radio-group/radio-group.types.d.ts +2 -2
- package/lib/typescript/molecules/rn-list-item/rn-list-item.types.d.ts +1 -1
- package/lib/typescript/molecules/rn-tooltip/rn-tooltip.types.d.ts +7 -7
- package/lib/typescript/molecules/scroll-edge-container/scroll-edge-container.types.d.ts +3 -3
- package/lib/typescript/molecules/search-bar/search-bar.types.d.ts +2 -2
- package/lib/typescript/molecules/stepper/stepper.ios.d.ts +1 -1
- package/lib/typescript/molecules/stepper/stepper.types.d.ts +2 -2
- package/lib/typescript/molecules/tooltip/tooltip.types.d.ts +6 -6
- package/lib/typescript/motion.d.ts +8 -0
- package/lib/typescript/organisms/action-sheet/action-sheet.types.d.ts +3 -3
- package/lib/typescript/organisms/alert/alert.types.d.ts +3 -3
- package/lib/typescript/organisms/context-menu/context-menu.types.d.ts +9 -9
- package/lib/typescript/organisms/fab-menu/fab-menu.types.d.ts +10 -5
- package/lib/typescript/organisms/form/form.types.d.ts +1 -1
- package/lib/typescript/organisms/menu/menu.types.d.ts +2 -2
- package/lib/typescript/organisms/sheet/sheet.types.d.ts +12 -12
- package/lib/typescript/organisms/snackbar/snackbar.types.d.ts +39 -6
- package/lib/typescript/organisms/swipe-actions/swipe-actions.types.d.ts +5 -5
- package/lib/typescript/templates/screen/screen.types.d.ts +2 -2
- package/lib/typescript/use-stack-modifiers.d.ts +6 -5
- package/package.json +4 -4
- package/src/atoms/activity-indicator/activity-indicator.android.tsx +7 -1
- package/src/atoms/activity-indicator/activity-indicator.ios.tsx +9 -1
- package/src/atoms/activity-indicator/activity-indicator.types.ts +3 -1
- package/src/atoms/avatar/avatar.tsx +5 -1
- package/src/atoms/avatar/avatar.types.ts +7 -2
- package/src/atoms/badge/badge.types.ts +1 -1
- package/src/atoms/blur-view/blur-view.types.ts +6 -6
- package/src/atoms/button/button-tokens.ts +2 -2
- package/src/atoms/button/button.android.tsx +5 -3
- package/src/atoms/button/button.ios.tsx +10 -2
- package/src/atoms/button/button.types.ts +9 -7
- package/src/atoms/card/card.android.tsx +6 -4
- package/src/atoms/card/card.ios.tsx +7 -3
- package/src/atoms/card/card.types.ts +9 -8
- package/src/atoms/checkbox/checkbox.android.tsx +1 -1
- package/src/atoms/checkbox/checkbox.types.ts +2 -2
- package/src/atoms/chip/chip.types.ts +1 -1
- package/src/atoms/color-picker/color-picker.android.tsx +26 -6
- package/src/atoms/color-picker/color-picker.types.ts +4 -3
- package/src/atoms/date-picker/date-picker.types.ts +4 -4
- package/src/atoms/divider/divider.types.ts +2 -2
- package/src/atoms/fab/fab.android.tsx +5 -3
- package/src/atoms/fab/fab.ios.tsx +8 -4
- package/src/atoms/fab/fab.types.ts +10 -3
- package/src/atoms/glass-view/glass-view.android.tsx +1 -1
- package/src/atoms/glass-view/glass-view.types.ts +5 -5
- package/src/atoms/h-stack/h-stack.ios.tsx +6 -4
- package/src/atoms/h-stack/h-stack.types.ts +18 -14
- package/src/atoms/icon/icon.types.ts +4 -4
- package/src/atoms/icon-button/icon-button.android.tsx +16 -3
- package/src/atoms/icon-button/icon-button.ios.tsx +24 -5
- package/src/atoms/icon-button/icon-button.types.ts +14 -3
- package/src/atoms/image/image.tsx +3 -3
- package/src/atoms/island/island.types.ts +4 -4
- package/src/atoms/list/list.types.ts +5 -5
- package/src/atoms/picker/picker.types.ts +1 -1
- package/src/atoms/pressable/pressable.tsx +50 -21
- package/src/atoms/pressable/pressable.types.ts +35 -17
- package/src/atoms/progress/progress.android.tsx +5 -3
- package/src/atoms/progress/progress.ios.tsx +5 -2
- package/src/atoms/progress/progress.types.ts +3 -1
- package/src/atoms/rn-flat-list/rn-flat-list.types.ts +2 -2
- package/src/atoms/rn-icon/rn-icon.types.ts +1 -1
- package/src/atoms/rn-scroll-view/rn-scroll-view.types.ts +2 -2
- package/src/atoms/rn-section-list/rn-section-list.types.ts +2 -2
- package/src/atoms/rn-text/rn-text.types.ts +2 -2
- package/src/atoms/rn-view/rn-view.types.ts +3 -3
- package/src/atoms/scroll-view/scroll-view.types.ts +3 -3
- package/src/atoms/segmented-control/segmented-control.android.tsx +1 -1
- package/src/atoms/segmented-control/segmented-control.ios.tsx +1 -1
- package/src/atoms/segmented-control/segmented-control.types.ts +3 -3
- package/src/atoms/skeleton/skeleton.tsx +18 -4
- package/src/atoms/skeleton/skeleton.types.ts +2 -1
- package/src/atoms/spacer/spacer.types.ts +1 -1
- package/src/atoms/surface/surface.android.tsx +6 -4
- package/src/atoms/surface/surface.ios.tsx +7 -3
- package/src/atoms/surface/surface.types.ts +11 -10
- package/src/atoms/switch/switch.android.tsx +1 -1
- package/src/atoms/switch/switch.types.ts +1 -1
- package/src/atoms/text/text.android.tsx +6 -4
- package/src/atoms/text/text.ios.tsx +6 -4
- package/src/atoms/text/text.types.ts +24 -23
- package/src/atoms/text-field/text-field.types.ts +4 -4
- package/src/atoms/v-stack/v-stack.ios.tsx +6 -4
- package/src/atoms/v-stack/v-stack.types.ts +18 -17
- package/src/atoms/z-stack/z-stack.ios.tsx +6 -4
- package/src/atoms/z-stack/z-stack.types.ts +16 -15
- package/src/glyph/glyph-button.types.ts +1 -1
- package/src/glyph/glyph.android.tsx +14 -2
- package/src/glyph/glyph.ios.tsx +13 -3
- package/src/glyph/glyph.types.ts +3 -1
- package/src/molecules/collapsible/collapsible.android.tsx +27 -7
- package/src/molecules/collapsible/collapsible.types.ts +1 -1
- package/src/molecules/empty-state/empty-state.types.ts +1 -1
- package/src/molecules/label/label.types.ts +1 -1
- package/src/molecules/labeled-content/labeled-content.tsx +12 -1
- package/src/molecules/labeled-content/labeled-content.types.ts +6 -4
- package/src/molecules/link/link.tsx +2 -1
- package/src/molecules/link/link.types.ts +2 -1
- package/src/molecules/list-item/list-item.tsx +20 -2
- package/src/molecules/list-item/list-item.types.ts +6 -4
- package/src/molecules/navigation-bar/navigation-bar.android.tsx +1 -1
- package/src/molecules/navigation-bar/navigation-bar.ios.tsx +1 -1
- package/src/molecules/navigation-bar/navigation-bar.types.ts +8 -8
- package/src/molecules/pager/pager.types.ts +2 -2
- package/src/molecules/radio-group/radio-group.types.ts +2 -2
- package/src/molecules/rn-list-item/rn-list-item.tsx +18 -3
- package/src/molecules/rn-list-item/rn-list-item.types.ts +1 -1
- package/src/molecules/rn-tooltip/rn-tooltip.types.ts +7 -7
- package/src/molecules/scroll-edge-container/scroll-edge-container.android.tsx +3 -2
- package/src/molecules/scroll-edge-container/scroll-edge-container.types.ts +3 -3
- package/src/molecules/search-bar/search-bar.types.ts +2 -2
- package/src/molecules/stepper/stepper.ios.tsx +8 -2
- package/src/molecules/stepper/stepper.types.ts +2 -2
- package/src/molecules/tooltip/tooltip.types.ts +6 -6
- package/src/motion.ts +13 -0
- package/src/organisms/action-sheet/action-sheet.types.ts +3 -3
- package/src/organisms/alert/alert.types.ts +3 -3
- package/src/organisms/context-menu/context-menu.types.ts +9 -9
- package/src/organisms/fab-menu/fab-menu.android.tsx +9 -5
- package/src/organisms/fab-menu/fab-menu.ios.tsx +6 -2
- package/src/organisms/fab-menu/fab-menu.types.ts +10 -5
- package/src/organisms/form/form.types.ts +1 -1
- package/src/organisms/menu/menu.types.ts +2 -2
- package/src/organisms/sheet/sheet.types.ts +12 -12
- package/src/organisms/snackbar/snackbar.tsx +143 -19
- package/src/organisms/snackbar/snackbar.types.ts +42 -6
- package/src/organisms/swipe-actions/swipe-actions.android.tsx +1 -1
- package/src/organisms/swipe-actions/swipe-actions.types.ts +5 -5
- package/src/templates/screen/screen.types.ts +2 -2
- package/src/use-stack-modifiers.ts +20 -7
- package/lib/module/platform-support.js +0 -19
- package/lib/module/platform-support.js.map +0 -1
- package/lib/typescript/platform-support.d.ts +0 -8
- package/src/platform-support.ts +0 -20
|
@@ -11,12 +11,15 @@ export const Link = ({
|
|
|
11
11
|
label,
|
|
12
12
|
testID,
|
|
13
13
|
url,
|
|
14
|
-
variant = 'body'
|
|
14
|
+
variant = 'body',
|
|
15
|
+
...accessibility
|
|
15
16
|
}) => {
|
|
16
17
|
const open = () => {
|
|
17
18
|
Linking.openURL(url).catch(() => undefined);
|
|
18
19
|
};
|
|
19
20
|
return /*#__PURE__*/_jsxs(HStack, {
|
|
21
|
+
accessibilityRole: "link",
|
|
22
|
+
...accessibility,
|
|
20
23
|
align: "center",
|
|
21
24
|
onPress: open,
|
|
22
25
|
spacing: "s8",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Linking","HStack","Icon","Text","jsx","_jsx","jsxs","_jsxs","Link","color","icon","label","testID","url","variant","open","openURL","catch","undefined","align","onPress","spacing","children","name","size"],"sourceRoot":"../../../../src","sources":["molecules/link/link.tsx"],"mappings":";;AAAA,SAAQA,OAAO,QAAO,cAAc;AAEpC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,IAAI,QAAO,2BAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGrC,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAClCC,KAAK,GAAG,gBAAgB;EACxBC,IAAI;EACJC,KAAK;EACLC,MAAM;EACNC,GAAG;EACHC,OAAO,GAAG;
|
|
1
|
+
{"version":3,"names":["Linking","HStack","Icon","Text","jsx","_jsx","jsxs","_jsxs","Link","color","icon","label","testID","url","variant","accessibility","open","openURL","catch","undefined","accessibilityRole","align","onPress","spacing","children","name","size"],"sourceRoot":"../../../../src","sources":["molecules/link/link.tsx"],"mappings":";;AAAA,SAAQA,OAAO,QAAO,cAAc;AAEpC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,IAAI,QAAO,2BAAkB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGrC,OAAO,MAAMC,IAAmB,GAAGA,CAAC;EAClCC,KAAK,GAAG,gBAAgB;EACxBC,IAAI;EACJC,KAAK;EACLC,MAAM;EACNC,GAAG;EACHC,OAAO,GAAG,MAAM;EAChB,GAAGC;AACM,CAAC,KAAK;EACf,MAAMC,IAAI,GAAGA,CAAA,KAAM;IACjBhB,OAAO,CAACiB,OAAO,CAACJ,GAAG,CAAC,CAACK,KAAK,CAAC,MAAMC,SAAS,CAAC;EAC7C,CAAC;EAED,oBACEZ,KAAA,CAACN,MAAM;IAACmB,iBAAiB,EAAC,MAAM;IAAA,GAAKL,aAAa;IAAEM,KAAK,EAAC,QAAQ;IAACC,OAAO,EAAEN,IAAK;IAACO,OAAO,EAAC,IAAI;IAACX,MAAM,EAAEA,MAAO;IAAAY,QAAA,GAC3Gd,IAAI,gBAAGL,IAAA,CAACH,IAAI;MAACO,KAAK,EAAEA,KAAM;MAACgB,IAAI,EAAEf,IAAK;MAACgB,IAAI,EAAC;IAAK,CAAE,CAAC,GAAG,IAAI,eAC5DrB,IAAA,CAACF,IAAI;MAACM,KAAK,EAAEA,KAAM;MAACK,OAAO,EAAEA,OAAQ;MAAAU,QAAA,EAClCb;IAAK,CACF,CAAC;EAAA,CACD,CAAC;AAEb,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","HStack","Icon","Spacer","Text","VStack","Glyph","jsx","_jsx","jsxs","_jsxs","TEXT_FILLS_ROW","weight","ListItem","icon","onPress","px","subtitle","testID","title","align","py","spacing","wide","children","color","name","size","android","variant","OS"],"sourceRoot":"../../../../src","sources":["molecules/list-item/list-item.tsx"],"mappings":";;AAAA,SAAQA,QAAQ,QAAO,cAAc;AAErC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,KAAK,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjC;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAG;EAACC,MAAM,EAAE;AAAC,CAAC;AAElC,OAAO,MAAMC,QAA2B,GAAGA,CAAC;
|
|
1
|
+
{"version":3,"names":["Platform","HStack","Icon","Spacer","Text","VStack","Glyph","jsx","_jsx","jsxs","_jsxs","TEXT_FILLS_ROW","weight","ListItem","icon","onPress","px","subtitle","testID","title","accessibility","accessible","align","py","spacing","wide","children","color","name","size","android","variant","OS"],"sourceRoot":"../../../../src","sources":["molecules/list-item/list-item.tsx"],"mappings":";;AAAA,SAAQA,QAAQ,QAAO,cAAc;AAErC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,KAAK,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjC;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAG;EAACC,MAAM,EAAE;AAAC,CAAC;AAElC,OAAO,MAAMC,QAA2B,GAAGA,CAAC;EAC1CC,IAAI;EACJC,OAAO;EACPC,EAAE;EACFC,QAAQ;EACRC,MAAM;EACNC,KAAK;EACL,GAAGC;AACU,CAAC,kBACdV,KAAA,CAACT,MAAM;EACLoB,UAAU;EAAA,GACND,aAAa;EACjBE,KAAK,EAAC,QAAQ;EACdP,OAAO,EAAEA,OAAQ;EACjBC,EAAE,EAAEA,EAAG;EACPO,EAAE,EAAC,IAAI;EACPC,OAAO,EAAC,KAAK;EACbN,MAAM,EAAEA,MAAO;EACfO,IAAI;EAAAC,QAAA,GAEHZ,IAAI,gBAAGN,IAAA,CAACN,IAAI;IAACyB,KAAK,EAAC,mBAAmB;IAACC,IAAI,EAAEd,IAAK;IAACe,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI,eACxEnB,KAAA,CAACL,MAAM;IAACyB,OAAO,EAAEnB,cAAe;IAACa,OAAO,EAAC,IAAI;IAAAE,QAAA,gBAC3ClB,IAAA,CAACJ,IAAI;MAAC2B,OAAO,EAAC,MAAM;MAAAL,QAAA,EAAEP;IAAK,CAAO,CAAC,EAClCF,QAAQ,gBACPT,IAAA,CAACJ,IAAI;MAACuB,KAAK,EAAC,mBAAmB;MAACI,OAAO,EAAC,UAAU;MAAAL,QAAA,EAC/CT;IAAQ,CACL,CAAC,GACL,IAAI;EAAA,CACF,CAAC,EACRjB,QAAQ,CAACgC,EAAE,KAAK,KAAK,gBAAGxB,IAAA,CAACL,MAAM,IAAE,CAAC,GAAG,IAAI,EACzCY,OAAO,gBAAGP,IAAA,CAACF,KAAK;IAACqB,KAAK,EAAC,oBAAoB;IAACC,IAAI,EAAC,cAAc;IAACC,IAAI,EAAC;EAAK,CAAE,CAAC,GAAG,IAAI;AAAA,CAC/E,CACT","ignoreList":[]}
|
|
@@ -41,7 +41,7 @@ export const NavigationBar = ({
|
|
|
41
41
|
}) => {
|
|
42
42
|
const theme = useAppTheme();
|
|
43
43
|
const font = theme.typography.headline;
|
|
44
|
-
const color = theme.color(inverted ? 'content.on.
|
|
44
|
+
const color = theme.color(inverted ? 'content.on.accent' : 'content.primary');
|
|
45
45
|
const nativeLeadingItems = useMemo(() => leadingItems?.map(toNativeItem), [leadingItems]);
|
|
46
46
|
const nativeTrailingItems = useMemo(() => trailingItems?.map(toNativeItem), [trailingItems]);
|
|
47
47
|
return /*#__PURE__*/_jsx(Island, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["iconResourceName","TopAppBar","useAppTheme","useMemo","Island","jsx","_jsx","BAR_HEIGHT","DEFAULT_LABELS","back","close","toNativeItem","onPress","testID","item","type","iconName","icon","label","NavigationBar","inverted","leadingItems","title","titleAlignment","titleVisible","trailingItems","theme","font","typography","headline","color","nativeLeadingItems","map","nativeTrailingItems","h","matchContents","w","children","fontFamily","fontSize","itemColor","titleColor"],"sourceRoot":"../../../../src","sources":["molecules/navigation-bar/navigation-bar.android.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,oBAAoB;AACnD,SAAQC,SAAS,QAA2B,oCAAoC;AAChF,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,MAAM,QAAO,6BAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGzC;AACA,MAAMC,UAAU,GAAG,EAAE;AAErB,MAAMC,cAAc,GAAG;EAACC,IAAI,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAO,CAAU;AAE9D,MAAMC,YAAY,GAAGA,CAAC;EAACC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAuB,CAAC,KACjEA,IAAI,CAACC,IAAI,KAAK,MAAM,GAChB;EAACC,QAAQ,EAAEhB,gBAAgB,CAACc,IAAI,CAACG,IAAI,CAAC;EAAEC,KAAK,EAAEJ,IAAI,CAACI,KAAK;EAAEN,OAAO;EAAEC,MAAM;EAAEE,IAAI,EAAE;AAAM,CAAC,GACzF;EAACG,KAAK,EAAEJ,IAAI,CAACI,KAAK,IAAIV,cAAc,CAACM,IAAI,CAACC,IAAI,CAAC;EAAEH,OAAO;EAAEC,MAAM;EAAEE,IAAI,EAAED,IAAI,CAACC;AAAI,CAAC;;AAExF;AACA,OAAO,MAAMI,aAAqC,GAAGA,CAAC;EACpDC,QAAQ,GAAG,KAAK;EAChBC,YAAY;EACZR,MAAM;EACNS,KAAK;EACLC,cAAc,GAAG,QAAQ;EACzBC,YAAY,GAAG,IAAI;EACnBC;AACkB,CAAC,KAAK;EACxB,MAAMC,KAAK,GAAGxB,WAAW,CAAC,CAAC;EAC3B,MAAMyB,IAAI,GAAGD,KAAK,CAACE,UAAU,CAACC,QAAQ;EACtC,MAAMC,KAAK,GAAGJ,KAAK,CAACI,KAAK,CAACV,QAAQ,GAAG,
|
|
1
|
+
{"version":3,"names":["iconResourceName","TopAppBar","useAppTheme","useMemo","Island","jsx","_jsx","BAR_HEIGHT","DEFAULT_LABELS","back","close","toNativeItem","onPress","testID","item","type","iconName","icon","label","NavigationBar","inverted","leadingItems","title","titleAlignment","titleVisible","trailingItems","theme","font","typography","headline","color","nativeLeadingItems","map","nativeTrailingItems","h","matchContents","w","children","fontFamily","fontSize","itemColor","titleColor"],"sourceRoot":"../../../../src","sources":["molecules/navigation-bar/navigation-bar.android.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,oBAAoB;AACnD,SAAQC,SAAS,QAA2B,oCAAoC;AAChF,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,MAAM,QAAO,6BAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGzC;AACA,MAAMC,UAAU,GAAG,EAAE;AAErB,MAAMC,cAAc,GAAG;EAACC,IAAI,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAO,CAAU;AAE9D,MAAMC,YAAY,GAAGA,CAAC;EAACC,OAAO;EAAEC,MAAM;EAAE,GAAGC;AAAuB,CAAC,KACjEA,IAAI,CAACC,IAAI,KAAK,MAAM,GAChB;EAACC,QAAQ,EAAEhB,gBAAgB,CAACc,IAAI,CAACG,IAAI,CAAC;EAAEC,KAAK,EAAEJ,IAAI,CAACI,KAAK;EAAEN,OAAO;EAAEC,MAAM;EAAEE,IAAI,EAAE;AAAM,CAAC,GACzF;EAACG,KAAK,EAAEJ,IAAI,CAACI,KAAK,IAAIV,cAAc,CAACM,IAAI,CAACC,IAAI,CAAC;EAAEH,OAAO;EAAEC,MAAM;EAAEE,IAAI,EAAED,IAAI,CAACC;AAAI,CAAC;;AAExF;AACA,OAAO,MAAMI,aAAqC,GAAGA,CAAC;EACpDC,QAAQ,GAAG,KAAK;EAChBC,YAAY;EACZR,MAAM;EACNS,KAAK;EACLC,cAAc,GAAG,QAAQ;EACzBC,YAAY,GAAG,IAAI;EACnBC;AACkB,CAAC,KAAK;EACxB,MAAMC,KAAK,GAAGxB,WAAW,CAAC,CAAC;EAC3B,MAAMyB,IAAI,GAAGD,KAAK,CAACE,UAAU,CAACC,QAAQ;EACtC,MAAMC,KAAK,GAAGJ,KAAK,CAACI,KAAK,CAACV,QAAQ,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;EAE7E,MAAMW,kBAAkB,GAAG5B,OAAO,CAAC,MAAMkB,YAAY,EAAEW,GAAG,CAACrB,YAAY,CAAC,EAAE,CAACU,YAAY,CAAC,CAAC;EACzF,MAAMY,mBAAmB,GAAG9B,OAAO,CAAC,MAAMsB,aAAa,EAAEO,GAAG,CAACrB,YAAY,CAAC,EAAE,CAACc,aAAa,CAAC,CAAC;EAE5F,oBACEnB,IAAA,CAACF,MAAM;IAAC8B,CAAC,EAAE3B,UAAW;IAAC4B,aAAa,EAAE,KAAM;IAACtB,MAAM,EAAEA,MAAO;IAACuB,CAAC,EAAC,MAAM;IAAAC,QAAA,eACnE/B,IAAA,CAACL,SAAS;MACRqC,UAAU,EAAEX,IAAI,CAACW,UAAW;MAC5BC,QAAQ,EAAEZ,IAAI,CAACY,QAAS;MACxBC,SAAS,EAAEV,KAAM;MACjBT,YAAY,EAAEU,kBAAmB;MACjCT,KAAK,EAAEA,KAAM;MACbC,cAAc,EAAEA,cAAe;MAC/BkB,UAAU,EAAEX,KAAM;MAClBN,YAAY,EAAEA,YAAa;MAC3BC,aAAa,EAAEQ;IAAoB,CACpC;EAAC,CACI,CAAC;AAEb,CAAC","ignoreList":[]}
|
|
@@ -40,7 +40,7 @@ export const NavigationBar = ({
|
|
|
40
40
|
const theme = useAppTheme();
|
|
41
41
|
const barRef = useRef(null);
|
|
42
42
|
const font = theme.typography.headline;
|
|
43
|
-
const color = theme.color(inverted ? 'content.on.
|
|
43
|
+
const color = theme.color(inverted ? 'content.on.accent' : 'content.primary');
|
|
44
44
|
useImperativeHandle(search?.ref, () => ({
|
|
45
45
|
clear: () => barRef.current?.clearSearchText().catch(ignoreDetachedView)
|
|
46
46
|
}), []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["iconResourceName","NavigationBar","NativeNavigationBar","useAppTheme","useImperativeHandle","useMemo","useRef","StyleSheet","jsx","_jsx","BAR_HEIGHT","styles","create","bar","height","width","DEFAULT_LABELS","back","close","toNativeItem","item","type","imageName","icon","label","ignoreDetachedView","undefined","inverted","leadingItems","search","testID","title","titleAlignment","titleVisible","trailingItems","theme","barRef","font","typography","headline","color","ref","clear","current","clearSearchText","catch","nativeLeadingItems","map","nativeTrailingItems","fontFamily","fontSize","itemColor","onSearchFocusChange","onFocusChange","onSearchTextChange","onChangeText","searchPlaceholder","placeholder","searchTestID","style","titleColor"],"sourceRoot":"../../../../src","sources":["molecules/navigation-bar/navigation-bar.ios.tsx"],"mappings":";;AAAA,SAAQA,gBAAgB,QAAO,oBAAoB;AACnD,SACEC,aAAa,IAAIC,mBAAmB,QAG/B,6BAA6B;AACpC,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,mBAAmB,EAAEC,OAAO,EAAEC,MAAM,QAAO,OAAO;AAC1D,SAAQC,UAAU,QAAO,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAGvC;AACA,MAAMC,UAAU,GAAG,EAAE;AAErB,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,GAAG,EAAE;IAACC,MAAM,EAAEJ,UAAU;IAAEK,KAAK,EAAE;EAAM;AACzC,CAAC,CAAC;AAEF,MAAMC,cAAc,GAAG;EAACC,IAAI,EAAE,MAAM;EAAEC,KAAK,EAAE;AAAO,CAAU;AAE9D,MAAMC,YAAY,GAAIC,IAAuB,IAC3CA,IAAI,CAACC,IAAI,KAAK,MAAM,GAChB;EAAC,GAAGD,IAAI;EAAEE,SAAS,EAAEtB,gBAAgB,CAACoB,IAAI,CAACG,IAAI,CAAC;EAAEF,IAAI,EAAE;AAAM,CAAC,GAC/D;EAAC,GAAGD,IAAI;EAAEI,KAAK,EAAEJ,IAAI,CAACI,KAAK,IAAIR,cAAc,CAACI,IAAI,CAACC,IAAI;AAAC,CAAC;AAE/D,MAAMI,kBAAkB,GAAGA,CAAA,KAAMC,SAAS;AAE1C,OAAO,MAAMzB,aAAqC,GAAGA,CAAC;EACpD0B,QAAQ,GAAG,KAAK;EAChBC,YAAY;EACZC,MAAM;EACNC,MAAM;EACNC,KAAK;EACLC,cAAc,GAAG,QAAQ;EACzBC,YAAY,GAAG,IAAI;EACnBC;AACkB,CAAC,KAAK;EACxB,MAAMC,KAAK,GAAGhC,WAAW,CAAC,CAAC;EAC3B,MAAMiC,MAAM,GAAG9B,MAAM,CAAmB,IAAI,CAAC;EAC7C,MAAM+B,IAAI,GAAGF,KAAK,CAACG,UAAU,CAACC,QAAQ;EACtC,MAAMC,KAAK,GAAGL,KAAK,CAACK,KAAK,CAACb,QAAQ,GAAG,
|
|
1
|
+
{"version":3,"names":["iconResourceName","NavigationBar","NativeNavigationBar","useAppTheme","useImperativeHandle","useMemo","useRef","StyleSheet","jsx","_jsx","BAR_HEIGHT","styles","create","bar","height","width","DEFAULT_LABELS","back","close","toNativeItem","item","type","imageName","icon","label","ignoreDetachedView","undefined","inverted","leadingItems","search","testID","title","titleAlignment","titleVisible","trailingItems","theme","barRef","font","typography","headline","color","ref","clear","current","clearSearchText","catch","nativeLeadingItems","map","nativeTrailingItems","fontFamily","fontSize","itemColor","onSearchFocusChange","onFocusChange","onSearchTextChange","onChangeText","searchPlaceholder","placeholder","searchTestID","style","titleColor"],"sourceRoot":"../../../../src","sources":["molecules/navigation-bar/navigation-bar.ios.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { accessibilityProps } from '@hzblj/kara-sx';
|
|
3
4
|
import { useAppTheme } from '@hzblj/kara-theme';
|
|
4
5
|
import { useMemo } from 'react';
|
|
5
6
|
import { Platform, Pressable } from 'react-native';
|
|
@@ -14,9 +15,15 @@ export const RnListItem = ({
|
|
|
14
15
|
px,
|
|
15
16
|
subtitle,
|
|
16
17
|
testID,
|
|
17
|
-
title
|
|
18
|
+
title,
|
|
19
|
+
...accessibility
|
|
18
20
|
}) => {
|
|
19
21
|
const theme = useAppTheme();
|
|
22
|
+
// One element for a screen reader, as `ListItem` is: a button when it can be pressed.
|
|
23
|
+
const a11y = accessibilityProps({
|
|
24
|
+
accessible: true,
|
|
25
|
+
...accessibility
|
|
26
|
+
}, onPress ? 'button' : undefined);
|
|
20
27
|
const pressedColor = theme.color('fill.tertiary');
|
|
21
28
|
const ripple = useMemo(() => ({
|
|
22
29
|
color: pressedColor
|
|
@@ -55,12 +62,13 @@ export const RnListItem = ({
|
|
|
55
62
|
});
|
|
56
63
|
if (!onPress) {
|
|
57
64
|
return /*#__PURE__*/_jsx(Box, {
|
|
65
|
+
...a11y,
|
|
58
66
|
testID: testID,
|
|
59
67
|
children: row
|
|
60
68
|
});
|
|
61
69
|
}
|
|
62
70
|
return /*#__PURE__*/_jsx(Pressable, {
|
|
63
|
-
|
|
71
|
+
...a11y,
|
|
64
72
|
android_ripple: ripple,
|
|
65
73
|
onPress: onPress,
|
|
66
74
|
style: highlight,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useAppTheme","useMemo","Platform","Pressable","Box","RnIcon","RnText","RnGlyph","jsx","_jsx","jsxs","_jsxs","RnListItem","icon","onPress","px","subtitle","testID","title","theme","pressedColor","color","ripple","highlight","OS","pressed","backgroundColor","
|
|
1
|
+
{"version":3,"names":["accessibilityProps","useAppTheme","useMemo","Platform","Pressable","Box","RnIcon","RnText","RnGlyph","jsx","_jsx","jsxs","_jsxs","RnListItem","icon","onPress","px","subtitle","testID","title","accessibility","theme","a11y","accessible","undefined","pressedColor","color","ripple","highlight","OS","pressed","backgroundColor","row","align","flexDirection","gap","py","children","name","size","flex","variant","android_ripple","style"],"sourceRoot":"../../../../src","sources":["molecules/rn-list-item/rn-list-item.tsx"],"mappings":";;AAAA,SAAQA,kBAAkB,QAAO,gBAAgB;AACjD,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,OAAO,QAAO,OAAO;AAC7B,SAAQC,QAAQ,EAAEC,SAAS,QAAwC,cAAc;AAEjF,SAAQC,GAAG,QAAO,0BAAiB;AACnC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,OAAO,QAAO,sBAAa;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGnC,OAAO,MAAMC,UAA+B,GAAGA,CAAC;EAC9CC,IAAI;EACJC,OAAO;EACPC,EAAE;EACFC,QAAQ;EACRC,MAAM;EACNC,KAAK;EACL,GAAGC;AACY,CAAC,KAAK;EACrB,MAAMC,KAAK,GAAGpB,WAAW,CAAC,CAAC;EAC3B;EACA,MAAMqB,IAAI,GAAGtB,kBAAkB,CAAC;IAACuB,UAAU,EAAE,IAAI;IAAE,GAAGH;EAAa,CAAC,EAAEL,OAAO,GAAG,QAAQ,GAAGS,SAAS,CAAC;EACrG,MAAMC,YAAY,GAAGJ,KAAK,CAACK,KAAK,CAAC,eAAe,CAAC;EAEjD,MAAMC,MAAM,GAAGzB,OAAO,CAAC,OAAO;IAACwB,KAAK,EAAED;EAAY,CAAC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EACrE,MAAMG,SAAS,GAAG1B,OAAO,CACvB,MACEC,QAAQ,CAAC0B,EAAE,KAAK,KAAK,GACjB,CAAC;IAACC;EAAmC,CAAC,KAAMA,OAAO,GAAG;IAACC,eAAe,EAAEN;EAAY,CAAC,GAAG,IAAK,GAC7FD,SAAS,EACf,CAACC,YAAY,CACf,CAAC;EAED,MAAMO,GAAG,gBACPpB,KAAA,CAACP,GAAG;IAAC4B,KAAK,EAAC,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACC,GAAG,EAAC,KAAK;IAACnB,EAAE,EAAEA,EAAG;IAACoB,EAAE,EAAC,KAAK;IAAAC,QAAA,GAC/DvB,IAAI,gBAAGJ,IAAA,CAACJ,MAAM;MAACoB,KAAK,EAAC,mBAAmB;MAACY,IAAI,EAAExB,IAAK;MAACyB,IAAI,EAAC;IAAK,CAAE,CAAC,GAAG,IAAI,eAC1E3B,KAAA,CAACP,GAAG;MAACmC,IAAI,EAAE,CAAE;MAACL,GAAG,EAAC,IAAI;MAAAE,QAAA,gBACpB3B,IAAA,CAACH,MAAM;QAACkC,OAAO,EAAC,MAAM;QAAAJ,QAAA,EAAElB;MAAK,CAAS,CAAC,EACtCF,QAAQ,gBACPP,IAAA,CAACH,MAAM;QAACmB,KAAK,EAAC,mBAAmB;QAACe,OAAO,EAAC,UAAU;QAAAJ,QAAA,EACjDpB;MAAQ,CACH,CAAC,GACP,IAAI;IAAA,CACL,CAAC,EACLF,OAAO,gBAAGL,IAAA,CAACF,OAAO;MAACkB,KAAK,EAAC,oBAAoB;MAACY,IAAI,EAAC,cAAc;MAACC,IAAI,EAAC;IAAK,CAAE,CAAC,GAAG,IAAI;EAAA,CACpF,CACN;EAED,IAAI,CAACxB,OAAO,EAAE;IACZ,oBACEL,IAAA,CAACL,GAAG;MAAA,GAAKiB,IAAI;MAAEJ,MAAM,EAAEA,MAAO;MAAAmB,QAAA,EAC3BL;IAAG,CACD,CAAC;EAEV;EAEA,oBACEtB,IAAA,CAACN,SAAS;IAAA,GAAKkB,IAAI;IAAEoB,cAAc,EAAEf,MAAO;IAACZ,OAAO,EAAEA,OAAQ;IAAC4B,KAAK,EAAEf,SAAU;IAACV,MAAM,EAAEA,MAAO;IAAAmB,QAAA,EAC7FL;EAAG,CACK,CAAC;AAEhB,CAAC","ignoreList":[]}
|
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
3
|
+
import { opacity } from '@hzblj/kara-theme';
|
|
4
4
|
import { cloneElement, useCallback, useRef } from 'react';
|
|
5
5
|
import { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
6
6
|
import { ABox, Box } from "../../atoms/box/index.js";
|
|
7
|
+
import { timing } from "../../motion.js";
|
|
7
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
9
|
/** Less than a pixel scrolled is not scrolled — a fling settles a fraction away from the edge. */
|
|
9
10
|
const EDGE_SLOP = 0.5;
|
|
10
|
-
const FILL =
|
|
11
|
-
duration: duration.d200
|
|
12
|
-
};
|
|
11
|
+
const FILL = timing('quick', 'out');
|
|
13
12
|
/** A bar, and behind it the container colour it fills with — faded in and out, not switched. */
|
|
14
13
|
const EdgeBar = ({
|
|
15
14
|
children,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["opacity","cloneElement","useCallback","useRef","useAnimatedStyle","useSharedValue","withTiming","ABox","Box","timing","jsx","_jsx","jsxs","_jsxs","EDGE_SLOP","FILL","EdgeBar","children","filled","fill","value","bg","bottom","left","pointerEvents","position","right","style","top","ScrollEdgeContainer","automaticInsets","_automaticInsets","bottomBar","effect","_effect","testID","topBar","sx","topFilled","o0","bottomFilled","metrics","content","offset","viewport","state","flex","onContentSizeChange","onLayout","onScroll","scrollEventThrottle","props","update","current","o100","scrollable","width","height","event","nativeEvent","layout","contentOffset","y"],"sourceRoot":"../../../../src","sources":["molecules/scroll-edge-container/scroll-edge-container.android.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { Stepper as SwiftUIStepper } from '@expo/ui/swift-ui';
|
|
4
4
|
import { labelsHidden } from '@expo/ui/swift-ui/modifiers';
|
|
5
|
+
import { useReducedMotion } from '@hzblj/kara-theme';
|
|
5
6
|
import { useRef } from 'react';
|
|
6
7
|
import { HStack } from "../../atoms/h-stack/index.js";
|
|
7
8
|
import { Spacer } from "../../atoms/spacer/index.js";
|
|
@@ -14,7 +15,7 @@ const LABEL_HIDDEN = [labelsHidden()];
|
|
|
14
15
|
/**
|
|
15
16
|
* SwiftUI's `Stepper` at the end of a row, the label leading and the value just before the control — the way iOS's own
|
|
16
17
|
* settings show a stepped value. The value rolls to the next one (`numericText`), up or down with the change, in
|
|
17
|
-
* monospaced digits so the row does not jump.
|
|
18
|
+
* monospaced digits so the row does not jump. With motion reduced it cross-fades instead.
|
|
18
19
|
*/
|
|
19
20
|
export const Stepper = ({
|
|
20
21
|
label,
|
|
@@ -25,6 +26,7 @@ export const Stepper = ({
|
|
|
25
26
|
value
|
|
26
27
|
}) => {
|
|
27
28
|
useHostGuard('Stepper');
|
|
29
|
+
const reduced = useReducedMotion();
|
|
28
30
|
const previous = useRef(value);
|
|
29
31
|
const countsDown = value < previous.current;
|
|
30
32
|
previous.current = value;
|
|
@@ -40,7 +42,9 @@ export const Stepper = ({
|
|
|
40
42
|
animation: {
|
|
41
43
|
value
|
|
42
44
|
},
|
|
43
|
-
contentTransition: {
|
|
45
|
+
contentTransition: reduced ? {
|
|
46
|
+
type: 'opacity'
|
|
47
|
+
} : {
|
|
44
48
|
countsDown,
|
|
45
49
|
type: 'numericText'
|
|
46
50
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Stepper","SwiftUIStepper","labelsHidden","useRef","HStack","Spacer","Text","useHostGuard","jsx","_jsx","jsxs","_jsxs","LABEL_HIDDEN","label","max","min","onValueChange","step","value","previous","countsDown","current","align","spacing","wide","children","color","ios","animation","contentTransition","type","monospacedDigit","String","modifiers"],"sourceRoot":"../../../../src","sources":["molecules/stepper/stepper.ios.tsx"],"mappings":";;AAAA,SAAQA,OAAO,IAAIC,cAAc,QAAO,mBAAmB;AAC3D,SAAQC,YAAY,QAAO,6BAA6B;AACxD,SAAQC,MAAM,QAAO,OAAO;AAE5B,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA,MAAMC,YAAY,GAAG,
|
|
1
|
+
{"version":3,"names":["Stepper","SwiftUIStepper","labelsHidden","useReducedMotion","useRef","HStack","Spacer","Text","useHostGuard","jsx","_jsx","jsxs","_jsxs","LABEL_HIDDEN","label","max","min","onValueChange","step","value","reduced","previous","countsDown","current","align","spacing","wide","children","color","ios","animation","contentTransition","type","monospacedDigit","String","modifiers"],"sourceRoot":"../../../../src","sources":["molecules/stepper/stepper.ios.tsx"],"mappings":";;AAAA,SAAQA,OAAO,IAAIC,cAAc,QAAO,mBAAmB;AAC3D,SAAQC,YAAY,QAAO,6BAA6B;AACxD,SAAQC,gBAAgB,QAAO,mBAAmB;AAClD,SAAQC,MAAM,QAAO,OAAO;AAE5B,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,MAAM,QAAO,6BAAoB;AACzC,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG/C;AACA,MAAMC,YAAY,GAAG,CAACX,YAAY,CAAC,CAAC,CAAC;;AAErC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMF,OAAyB,GAAGA,CAAC;EAACc,KAAK;EAAEC,GAAG;EAAEC,GAAG;EAAEC,aAAa;EAAEC,IAAI,GAAG,CAAC;EAAEC;AAAmB,CAAC,KAAK;EAC5GX,YAAY,CAAC,SAAS,CAAC;EACvB,MAAMY,OAAO,GAAGjB,gBAAgB,CAAC,CAAC;EAClC,MAAMkB,QAAQ,GAAGjB,MAAM,CAACe,KAAK,CAAC;EAC9B,MAAMG,UAAU,GAAGH,KAAK,GAAGE,QAAQ,CAACE,OAAO;EAC3CF,QAAQ,CAACE,OAAO,GAAGJ,KAAK;EAExB,oBACEP,KAAA,CAACP,MAAM;IAACmB,KAAK,EAAC,QAAQ;IAACC,OAAO,EAAC,KAAK;IAACC,IAAI;IAAAC,QAAA,gBACvCjB,IAAA,CAACH,IAAI;MAAAoB,QAAA,EAAEb;IAAK,CAAO,CAAC,eACpBJ,IAAA,CAACJ,MAAM,IAAE,CAAC,eACVI,IAAA,CAACH,IAAI;MACHqB,KAAK,EAAC,mBAAmB;MACzBC,GAAG,EAAE;QACHC,SAAS,EAAE;UAACX;QAAK,CAAC;QAClBY,iBAAiB,EAAEX,OAAO,GAAG;UAACY,IAAI,EAAE;QAAS,CAAC,GAAG;UAACV,UAAU;UAAEU,IAAI,EAAE;QAAa,CAAC;QAClFC,eAAe,EAAE;MACnB,CAAE;MAAAN,QAAA,EAEDO,MAAM,CAACf,KAAK;IAAC,CACV,CAAC,eACPT,IAAA,CAACT,cAAc;MACba,KAAK,EAAEA,KAAM;MACbC,GAAG,EAAEA,GAAI;MACTC,GAAG,EAAEA,GAAI;MACTmB,SAAS,EAAEtB,YAAa;MACxBI,aAAa,EAAEA,aAAc;MAC7BC,IAAI,EAAEA,IAAK;MACXC,KAAK,EAAEA;IAAM,CACd,CAAC;EAAA,CACI,CAAC;AAEb,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { duration, easing } from '@hzblj/kara-theme';
|
|
4
|
+
import { Easing, ReduceMotion } from 'react-native-reanimated';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* A Reanimated timing from the motion tokens, `smoothOut` unless told otherwise. `ReduceMotion.Never`, because a
|
|
8
|
+
* component has applied `useReducedMotion` before it animates: what is left (a fade, a dim) is meant to run, and
|
|
9
|
+
* Reanimated's own check reads the setting once at launch and never hears of `KaraProvider reduceMotion`.
|
|
10
|
+
*/
|
|
11
|
+
export const timing = (size, curve = 'smoothOut') => {
|
|
12
|
+
const [x1, y1, x2, y2] = easing[curve];
|
|
13
|
+
return {
|
|
14
|
+
duration: duration[size],
|
|
15
|
+
easing: Easing.bezier(x1, y1, x2, y2),
|
|
16
|
+
reduceMotion: ReduceMotion.Never
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=motion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["duration","easing","Easing","ReduceMotion","timing","size","curve","x1","y1","x2","y2","bezier","reduceMotion","Never"],"sourceRoot":"../../src","sources":["motion.ts"],"mappings":";;AAAA,SAA2BA,QAAQ,EAAmBC,MAAM,QAAO,mBAAmB;AACtF,SAAQC,MAAM,EAAEC,YAAY,QAA8B,yBAAyB;;AAEnF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGA,CAACC,IAAkB,EAAEC,KAAiB,GAAG,WAAW,KAAuB;EAC/F,MAAM,CAACC,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,CAAC,GAAGT,MAAM,CAACK,KAAK,CAAC;EAEtC,OAAO;IAACN,QAAQ,EAAEA,QAAQ,CAACK,IAAI,CAAC;IAAEJ,MAAM,EAAEC,MAAM,CAACS,MAAM,CAACJ,EAAE,EAAEC,EAAE,EAAEC,EAAE,EAAEC,EAAE,CAAC;IAAEE,YAAY,EAAET,YAAY,CAACU;EAAK,CAAC;AAC5G,CAAC","ignoreList":[]}
|
|
@@ -17,16 +17,16 @@ const FabMenuRow = ({
|
|
|
17
17
|
const onClick = useCallback(() => onSelect(action), [action, onSelect]);
|
|
18
18
|
return /*#__PURE__*/_jsxs(FloatingActionButtonMenuItem, {
|
|
19
19
|
containerColor: theme.color('fill.accent.primary'),
|
|
20
|
-
contentColor: theme.color('content.on.
|
|
20
|
+
contentColor: theme.color('content.on.accent'),
|
|
21
21
|
onClick: onClick,
|
|
22
22
|
children: [action.icon ? /*#__PURE__*/_jsx(FloatingActionButtonMenuItem.Icon, {
|
|
23
23
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
24
|
-
color: "content.on.
|
|
24
|
+
color: "content.on.accent",
|
|
25
25
|
name: action.icon
|
|
26
26
|
})
|
|
27
27
|
}) : null, /*#__PURE__*/_jsx(FloatingActionButtonMenuItem.Text, {
|
|
28
28
|
children: /*#__PURE__*/_jsx(ComposeText, {
|
|
29
|
-
color: theme.colorString('content.on.
|
|
29
|
+
color: theme.colorString('content.on.accent'),
|
|
30
30
|
style: theme.typography.labelMedium,
|
|
31
31
|
children: action.label
|
|
32
32
|
})
|
|
@@ -40,6 +40,7 @@ const FabMenuRow = ({
|
|
|
40
40
|
* unfolding rather than a second surface.
|
|
41
41
|
*/
|
|
42
42
|
export const FabMenu = ({
|
|
43
|
+
accessibilityLabel,
|
|
43
44
|
actions,
|
|
44
45
|
icon
|
|
45
46
|
}) => {
|
|
@@ -60,10 +61,12 @@ export const FabMenu = ({
|
|
|
60
61
|
onCheckedChange: setExpanded,
|
|
61
62
|
children: /*#__PURE__*/_jsx(ToggleFloatingActionButton.Icon, {
|
|
62
63
|
children: icon ? /*#__PURE__*/_jsx(Icon, {
|
|
63
|
-
|
|
64
|
+
accessibilityLabel: accessibilityLabel,
|
|
65
|
+
color: "content.on.accent",
|
|
64
66
|
name: icon
|
|
65
67
|
}) : /*#__PURE__*/_jsx(Glyph, {
|
|
66
|
-
|
|
68
|
+
accessibilityLabel: accessibilityLabel,
|
|
69
|
+
color: "content.on.accent",
|
|
67
70
|
name: "plus"
|
|
68
71
|
})
|
|
69
72
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","ComposeText","FloatingActionButtonMenu","FloatingActionButtonMenuItem","ToggleFloatingActionButton","useAppTheme","useCallback","useState","Icon","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","FabMenuRow","action","onSelect","theme","onClick","containerColor","color","contentColor","children","icon","name","colorString","style","typography","labelMedium","label","FabMenu","actions","expanded","setExpanded","onPress","horizontalAlignment","Button","checked","onCheckedChange","map"],"sourceRoot":"../../../../src","sources":["organisms/fab-menu/fab-menu.android.tsx"],"mappings":";;AAAA,SAAQA,IAAI,IAAIC,WAAW,QAAO,0BAA0B;AAC5D,SACEC,wBAAwB,EACxBC,4BAA4B,EAC5BC,0BAA0B,QACrB,oCAAoC;AAC3C,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,WAAW,EAAEC,QAAQ,QAAO,OAAO;AAC3C,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS/C;AACA,MAAMC,UAAU,GAAGA,CAAC;EAACC,MAAM;EAAEC;AAAyB,CAAC,KAAK;EAC1D,MAAMC,KAAK,GAAGb,WAAW,CAAC,CAAC;EAC3B,MAAMc,OAAO,GAAGb,WAAW,CAAC,MAAMW,QAAQ,CAACD,MAAM,CAAC,EAAE,CAACA,MAAM,EAAEC,QAAQ,CAAC,CAAC;EAEvE,oBACEH,KAAA,CAACX,4BAA4B;IAC3BiB,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC,qBAAqB,CAAE;IACnDC,YAAY,EAAEJ,KAAK,CAACG,KAAK,CAAC,
|
|
1
|
+
{"version":3,"names":["Text","ComposeText","FloatingActionButtonMenu","FloatingActionButtonMenuItem","ToggleFloatingActionButton","useAppTheme","useCallback","useState","Icon","Glyph","useHostGuard","jsx","_jsx","jsxs","_jsxs","FabMenuRow","action","onSelect","theme","onClick","containerColor","color","contentColor","children","icon","name","colorString","style","typography","labelMedium","label","FabMenu","accessibilityLabel","actions","expanded","setExpanded","onPress","horizontalAlignment","Button","checked","onCheckedChange","map"],"sourceRoot":"../../../../src","sources":["organisms/fab-menu/fab-menu.android.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,6 +10,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
10
10
|
/** Matches `Fab`, so a screen can switch between the two without the button changing shape. */
|
|
11
11
|
const FAB_SIZE = 56;
|
|
12
12
|
export const FabMenu = ({
|
|
13
|
+
accessibilityLabel,
|
|
13
14
|
actions,
|
|
14
15
|
icon,
|
|
15
16
|
testID
|
|
@@ -25,10 +26,12 @@ export const FabMenu = ({
|
|
|
25
26
|
shadow: "btn.accent",
|
|
26
27
|
w: FAB_SIZE,
|
|
27
28
|
children: icon ? /*#__PURE__*/_jsx(Icon, {
|
|
28
|
-
|
|
29
|
+
accessibilityLabel: accessibilityLabel,
|
|
30
|
+
color: "content.on.accent",
|
|
29
31
|
name: icon
|
|
30
32
|
}) : /*#__PURE__*/_jsx(Glyph, {
|
|
31
|
-
|
|
33
|
+
accessibilityLabel: accessibilityLabel,
|
|
34
|
+
color: "content.on.accent",
|
|
32
35
|
name: "plus"
|
|
33
36
|
})
|
|
34
37
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","Image","Label","Menu","iconResourceName","Icon","VStack","Glyph","useHostGuard","jsx","_jsx","FAB_SIZE","FabMenu","actions","icon","testID","label","align","bg","borderRadius","h","p","shadow","w","children","color","name","map","action","onPress","role","destructive","assetName","undefined","title"],"sourceRoot":"../../../../src","sources":["organisms/fab-menu/fab-menu.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,QAAO,mBAAmB;AAC5D,SAAQC,gBAAgB,QAAO,oBAAoB;AAEnD,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C;AACA,MAAMC,QAAQ,GAAG,EAAE;AAEnB,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EAACC,OAAO;EAAEC,IAAI;EAAEC;AAAoB,CAAC,KAAK;
|
|
1
|
+
{"version":3,"names":["Button","Image","Label","Menu","iconResourceName","Icon","VStack","Glyph","useHostGuard","jsx","_jsx","FAB_SIZE","FabMenu","accessibilityLabel","actions","icon","testID","label","align","bg","borderRadius","h","p","shadow","w","children","color","name","map","action","onPress","role","destructive","assetName","undefined","title"],"sourceRoot":"../../../../src","sources":["organisms/fab-menu/fab-menu.ios.tsx"],"mappings":";;AAAA,SAAQA,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,IAAI,QAAO,mBAAmB;AAC5D,SAAQC,gBAAgB,QAAO,oBAAoB;AAEnD,SAAQC,IAAI,QAAO,2BAAkB;AACrC,SAAQC,MAAM,QAAO,8BAAqB;AAC1C,SAAQC,KAAK,QAAO,sBAAa;AACjC,SAAQC,YAAY,QAAO,uBAAoB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG/C;AACA,MAAMC,QAAQ,GAAG,EAAE;AAEnB,OAAO,MAAMC,OAAyB,GAAGA,CAAC;EAACC,kBAAkB;EAAEC,OAAO;EAAEC,IAAI;EAAEC;AAAoB,CAAC,KAAK;EACtGR,YAAY,CAAC,SAAS,CAAC;EAEvB,oBACEE,IAAA,CAACP,IAAI;IACHc,KAAK,eACHP,IAAA,CAACJ,MAAM;MACLY,KAAK,EAAC,QAAQ;MACdC,EAAE,EAAC,qBAAqB;MACxBC,YAAY,EAAC,MAAM;MACnBC,CAAC,EAAEV,QAAS;MACZW,CAAC,EAAC,KAAK;MACPC,MAAM,EAAC,YAAY;MACnBC,CAAC,EAAEb,QAAS;MAAAc,QAAA,EAEXV,IAAI,gBACHL,IAAA,CAACL,IAAI;QAACQ,kBAAkB,EAAEA,kBAAmB;QAACa,KAAK,EAAC,mBAAmB;QAACC,IAAI,EAAEZ;MAAK,CAAE,CAAC,gBAEtFL,IAAA,CAACH,KAAK;QAACM,kBAAkB,EAAEA,kBAAmB;QAACa,KAAK,EAAC,mBAAmB;QAACC,IAAI,EAAC;MAAM,CAAE;IACvF,CACK,CACT;IACDX,MAAM,EAAEA,MAAO;IAAAS,QAAA,EAEdX,OAAO,CAACc,GAAG,CAACC,MAAM,iBACjBnB,IAAA,CAACV,MAAM;MAAoB8B,OAAO,EAAED,MAAM,CAACC,OAAQ;MAACC,IAAI,EAAEF,MAAM,CAACG,WAAW,GAAG,aAAa,GAAG,SAAU;MAAAP,QAAA,eAEvGf,IAAA,CAACR,KAAK;QACJa,IAAI,EAAEc,MAAM,CAACd,IAAI,gBAAGL,IAAA,CAACT,KAAK;UAACgC,SAAS,EAAE7B,gBAAgB,CAACyB,MAAM,CAACd,IAAI;QAAE,CAAE,CAAC,GAAGmB,SAAU;QACpFC,KAAK,EAAEN,MAAM,CAACZ;MAAM,CACrB;IAAC,GALSY,MAAM,CAACZ,KAMZ,CACT;EAAC,CACE,CAAC;AAEX,CAAC","ignoreList":[]}
|
|
@@ -1,45 +1,170 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { duration as durations, easing, spacing, useReducedMotion } from '@hzblj/kara-theme';
|
|
4
|
+
import { useEffect, useRef } from 'react';
|
|
5
|
+
import { AccessibilityInfo, Platform } from 'react-native';
|
|
6
|
+
import { Easing, FadeIn, FadeInDown, FadeInUp, FadeOut, FadeOutDown, FadeOutUp, ReduceMotion, withTiming } from 'react-native-reanimated';
|
|
7
|
+
import { ABox, Box } from "../../atoms/box/index.js";
|
|
5
8
|
import { Pressable } from "../../atoms/pressable/index.js";
|
|
6
9
|
import { RnText } from "../../atoms/rn-text/index.js";
|
|
10
|
+
import { RnGlyph } from "../../glyph/index.js";
|
|
11
|
+
import { timing } from "../../motion.js";
|
|
7
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
/** Material's `SnackbarDuration.Short` and `Long`. */
|
|
14
|
+
const DURATIONS = {
|
|
15
|
+
long: 10_000,
|
|
16
|
+
short: 4_000
|
|
17
|
+
};
|
|
18
|
+
const PLATFORM_ANIMATION = Platform.OS === 'android' ? 'scale' : 'slide';
|
|
19
|
+
|
|
20
|
+
/** The close glyph at the label's height: an SF Symbol fills its box, Material's icon sits inside a padded one. */
|
|
21
|
+
const CLOSE_SIZE = Platform.OS === 'ios' ? 's12' : 's16';
|
|
22
|
+
const SMOOTH_OUT = Easing.bezier(...easing.smoothOut);
|
|
23
|
+
const GROW = timing('quick');
|
|
24
|
+
|
|
25
|
+
/** Material's snackbar enter: it fades in while it grows from 80 %, in 150 ms. */
|
|
26
|
+
const scaleIn = () => {
|
|
27
|
+
'worklet';
|
|
28
|
+
|
|
29
|
+
return {
|
|
30
|
+
animations: {
|
|
31
|
+
opacity: withTiming(1, GROW),
|
|
32
|
+
transform: [{
|
|
33
|
+
scale: withTiming(1, GROW)
|
|
34
|
+
}]
|
|
35
|
+
},
|
|
36
|
+
initialValues: {
|
|
37
|
+
opacity: 0,
|
|
38
|
+
transform: [{
|
|
39
|
+
scale: 0.8
|
|
40
|
+
}]
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* The presets in and out: arriving in `fast`, leaving in `quick`, both on `smoothOut`. `ReduceMotion.Never`, because
|
|
47
|
+
* `useReducedMotion` has already picked the fade by then, and a fade is what should still run.
|
|
48
|
+
*/
|
|
49
|
+
const TRANSITIONS = {
|
|
50
|
+
fade: {
|
|
51
|
+
entering: FadeIn.duration(durations.fast).easing(SMOOTH_OUT).reduceMotion(ReduceMotion.Never),
|
|
52
|
+
exiting: FadeOut.duration(durations.quick).easing(SMOOTH_OUT).reduceMotion(ReduceMotion.Never)
|
|
53
|
+
},
|
|
54
|
+
// Material's exit is a 75 ms fade: `micro`.
|
|
55
|
+
scale: {
|
|
56
|
+
entering: scaleIn,
|
|
57
|
+
exiting: FadeOut.duration(durations.micro).reduceMotion(ReduceMotion.Never)
|
|
58
|
+
},
|
|
59
|
+
// Slide: in from the edge it sits on, and back out toward it.
|
|
60
|
+
slideBottom: {
|
|
61
|
+
entering: FadeInDown.duration(durations.fast).easing(SMOOTH_OUT).reduceMotion(ReduceMotion.Never),
|
|
62
|
+
exiting: FadeOutDown.duration(durations.quick).easing(SMOOTH_OUT).reduceMotion(ReduceMotion.Never)
|
|
63
|
+
},
|
|
64
|
+
slideTop: {
|
|
65
|
+
entering: FadeInUp.duration(durations.fast).easing(SMOOTH_OUT).reduceMotion(ReduceMotion.Never),
|
|
66
|
+
exiting: FadeOutUp.duration(durations.quick).easing(SMOOTH_OUT).reduceMotion(ReduceMotion.Never)
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
const transitionsFor = (animation, position) => {
|
|
70
|
+
if (animation === 'slide') {
|
|
71
|
+
return position === 'top' ? TRANSITIONS.slideTop : TRANSITIONS.slideBottom;
|
|
72
|
+
}
|
|
73
|
+
return TRANSITIONS[animation];
|
|
74
|
+
};
|
|
75
|
+
const millisecondsOf = duration => typeof duration === 'number' ? duration : duration === 'indefinite' ? undefined : DURATIONS[duration];
|
|
8
76
|
export const Snackbar = ({
|
|
9
77
|
actionLabel,
|
|
78
|
+
actionOnNewLine = false,
|
|
79
|
+
animation = PLATFORM_ANIMATION,
|
|
80
|
+
dismissible = false,
|
|
81
|
+
duration = 'indefinite',
|
|
82
|
+
entering,
|
|
83
|
+
exiting,
|
|
10
84
|
message,
|
|
85
|
+
offset = 's24',
|
|
11
86
|
onAction,
|
|
87
|
+
onDismiss,
|
|
88
|
+
position = 'bottom',
|
|
12
89
|
visible
|
|
13
90
|
}) => {
|
|
91
|
+
const reduced = useReducedMotion();
|
|
92
|
+
// A caller's inline `onDismiss` is a new function every render; the timer must not restart for it.
|
|
93
|
+
const dismiss = useRef(onDismiss);
|
|
94
|
+
dismiss.current = onDismiss;
|
|
95
|
+
|
|
96
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: a new `message` restarts the timer, as a new snackbar
|
|
97
|
+
useEffect(() => {
|
|
98
|
+
const milliseconds = millisecondsOf(duration);
|
|
99
|
+
if (!visible || milliseconds === undefined) {
|
|
100
|
+
return;
|
|
101
|
+
}
|
|
102
|
+
const timer = setTimeout(() => dismiss.current?.(), milliseconds);
|
|
103
|
+
return () => clearTimeout(timer);
|
|
104
|
+
}, [duration, message, visible]);
|
|
105
|
+
|
|
106
|
+
// Material's snackbar is announced; a React Native view is not unless asked.
|
|
107
|
+
useEffect(() => {
|
|
108
|
+
if (visible) {
|
|
109
|
+
AccessibilityInfo.announceForAccessibility(message);
|
|
110
|
+
}
|
|
111
|
+
}, [message, visible]);
|
|
14
112
|
if (!visible) {
|
|
15
113
|
return null;
|
|
16
114
|
}
|
|
115
|
+
const edge = position === 'top' ? {
|
|
116
|
+
top: spacing[offset]
|
|
117
|
+
} : {
|
|
118
|
+
bottom: spacing[offset]
|
|
119
|
+
};
|
|
120
|
+
const hasTrailing = Boolean(actionLabel) || dismissible;
|
|
121
|
+
// With motion reduced it only fades: nothing slides or grows.
|
|
122
|
+
const preset = transitionsFor(reduced ? 'fade' : animation, position);
|
|
17
123
|
return /*#__PURE__*/_jsxs(ABox, {
|
|
18
|
-
align:
|
|
124
|
+
align: actionOnNewLine ? 'stretch' : 'center',
|
|
19
125
|
bg: "surface.high.contrast",
|
|
20
126
|
borderRadius: "medium",
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
flexDirection: "row",
|
|
25
|
-
gap: "s12",
|
|
26
|
-
left: 16,
|
|
127
|
+
flexDirection: actionOnNewLine ? 'column' : 'row',
|
|
128
|
+
gap: actionOnNewLine ? 's8' : 's12',
|
|
129
|
+
left: spacing.s16,
|
|
27
130
|
position: "absolute",
|
|
28
131
|
px: "s16",
|
|
29
132
|
py: "s12",
|
|
30
|
-
right:
|
|
133
|
+
right: spacing.s16,
|
|
31
134
|
shadow: "snackbar",
|
|
135
|
+
...edge,
|
|
136
|
+
entering: entering ?? preset.entering,
|
|
137
|
+
exiting: exiting ?? preset.exiting,
|
|
32
138
|
children: [/*#__PURE__*/_jsx(RnText, {
|
|
33
139
|
color: "content.on.high.contrast",
|
|
140
|
+
flex: actionOnNewLine ? undefined : 1,
|
|
34
141
|
variant: "footnote",
|
|
35
142
|
children: message
|
|
36
|
-
}),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
143
|
+
}), hasTrailing ? /*#__PURE__*/_jsxs(Box, {
|
|
144
|
+
align: "center",
|
|
145
|
+
alignSelf: actionOnNewLine ? 'flex-end' : undefined,
|
|
146
|
+
flexDirection: "row",
|
|
147
|
+
gap: "s16",
|
|
148
|
+
children: [actionLabel ? /*#__PURE__*/_jsx(Pressable, {
|
|
149
|
+
onPress: onAction,
|
|
150
|
+
pressEffect: "opacity",
|
|
151
|
+
ripple: false,
|
|
152
|
+
children: /*#__PURE__*/_jsx(RnText, {
|
|
153
|
+
color: "content.accent",
|
|
154
|
+
variant: "footnoteMedium",
|
|
155
|
+
children: actionLabel
|
|
156
|
+
})
|
|
157
|
+
}) : null, dismissible ? /*#__PURE__*/_jsx(Pressable, {
|
|
158
|
+
accessibilityLabel: "Dismiss",
|
|
159
|
+
onPress: onDismiss,
|
|
160
|
+
pressEffect: "opacity",
|
|
161
|
+
ripple: false,
|
|
162
|
+
children: /*#__PURE__*/_jsx(RnGlyph, {
|
|
163
|
+
color: "content.on.high.contrast",
|
|
164
|
+
name: "close",
|
|
165
|
+
size: CLOSE_SIZE
|
|
166
|
+
})
|
|
167
|
+
}) : null]
|
|
43
168
|
}) : null]
|
|
44
169
|
});
|
|
45
170
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FadeInDown","FadeOutDown","ABox","Pressable","RnText","jsx","_jsx","jsxs","_jsxs","Snackbar","actionLabel","message","onAction","visible","
|
|
1
|
+
{"version":3,"names":["duration","durations","easing","spacing","useReducedMotion","useEffect","useRef","AccessibilityInfo","Platform","Easing","FadeIn","FadeInDown","FadeInUp","FadeOut","FadeOutDown","FadeOutUp","ReduceMotion","withTiming","ABox","Box","Pressable","RnText","RnGlyph","timing","jsx","_jsx","jsxs","_jsxs","DURATIONS","long","short","PLATFORM_ANIMATION","OS","CLOSE_SIZE","SMOOTH_OUT","bezier","smoothOut","GROW","scaleIn","animations","opacity","transform","scale","initialValues","TRANSITIONS","fade","entering","fast","reduceMotion","Never","exiting","quick","micro","slideBottom","slideTop","transitionsFor","animation","position","millisecondsOf","undefined","Snackbar","actionLabel","actionOnNewLine","dismissible","message","offset","onAction","onDismiss","visible","reduced","dismiss","current","milliseconds","timer","setTimeout","clearTimeout","announceForAccessibility","edge","top","bottom","hasTrailing","Boolean","preset","align","bg","borderRadius","flexDirection","gap","left","s16","px","py","right","shadow","children","color","flex","variant","alignSelf","onPress","pressEffect","ripple","accessibilityLabel","name","size"],"sourceRoot":"../../../../src","sources":["organisms/snackbar/snackbar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -42,7 +42,7 @@ const ActionButton = ({
|
|
|
42
42
|
}) => {
|
|
43
43
|
const theme = useAppTheme();
|
|
44
44
|
const fill = action.tint ?? (action.destructive ? 'fill.destructive.primary' : 'fill.accent.primary');
|
|
45
|
-
const content = !action.tint && action.destructive ? 'content.on.destructive' : 'content.on.
|
|
45
|
+
const content = !action.tint && action.destructive ? 'content.on.destructive' : 'content.on.accent';
|
|
46
46
|
const onClick = useCallback(() => {
|
|
47
47
|
onDone();
|
|
48
48
|
action.onPress();
|