@oxyhq/bloom 0.6.24 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/alert-dialog/AlertDialog.js +109 -0
- package/lib/commonjs/alert-dialog/AlertDialog.js.map +1 -0
- package/lib/commonjs/alert-dialog/AlertDialogHost.js +50 -0
- package/lib/commonjs/alert-dialog/AlertDialogHost.js.map +1 -0
- package/lib/commonjs/alert-dialog/confirm-store.js +80 -0
- package/lib/commonjs/alert-dialog/confirm-store.js.map +1 -0
- package/lib/commonjs/alert-dialog/index.js +19 -0
- package/lib/commonjs/alert-dialog/index.js.map +1 -0
- package/lib/commonjs/alert-dialog/index.web.js +19 -0
- package/lib/commonjs/alert-dialog/index.web.js.map +1 -0
- package/lib/commonjs/alert-dialog/types.js +6 -0
- package/lib/commonjs/alert-dialog/types.js.map +1 -0
- package/lib/commonjs/combobox/Combobox.js +227 -0
- package/lib/commonjs/combobox/Combobox.js.map +1 -0
- package/lib/commonjs/combobox/index.js +11 -0
- package/lib/commonjs/combobox/index.js.map +1 -0
- package/lib/commonjs/combobox/index.web.js +11 -0
- package/lib/commonjs/combobox/index.web.js.map +1 -0
- package/lib/commonjs/combobox/types.js +6 -0
- package/lib/commonjs/combobox/types.js.map +1 -0
- package/lib/commonjs/command/Command.js +256 -0
- package/lib/commonjs/command/Command.js.map +1 -0
- package/lib/commonjs/command/index.js +10 -0
- package/lib/commonjs/command/index.js.map +1 -0
- package/lib/commonjs/command/index.web.js +10 -0
- package/lib/commonjs/command/index.web.js.map +1 -0
- package/lib/commonjs/command/types.js +6 -0
- package/lib/commonjs/command/types.js.map +1 -0
- package/lib/commonjs/field/Field.js +68 -0
- package/lib/commonjs/field/Field.js.map +1 -0
- package/lib/commonjs/field/index.js +13 -0
- package/lib/commonjs/field/index.js.map +1 -0
- package/lib/commonjs/field/types.js +6 -0
- package/lib/commonjs/field/types.js.map +1 -0
- package/lib/commonjs/index.js +117 -25
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/index.web.js +117 -25
- package/lib/commonjs/index.web.js.map +1 -1
- package/lib/commonjs/input-group/InputGroup.js +172 -0
- package/lib/commonjs/input-group/InputGroup.js.map +1 -0
- package/lib/commonjs/input-group/index.js +19 -0
- package/lib/commonjs/input-group/index.js.map +1 -0
- package/lib/commonjs/input-group/types.js +6 -0
- package/lib/commonjs/input-group/types.js.map +1 -0
- package/lib/commonjs/item/Item.js +172 -0
- package/lib/commonjs/item/Item.js.map +1 -0
- package/lib/commonjs/item/index.js +13 -0
- package/lib/commonjs/item/index.js.map +1 -0
- package/lib/commonjs/item/types.js +6 -0
- package/lib/commonjs/item/types.js.map +1 -0
- package/lib/commonjs/kbd/Kbd.js +79 -0
- package/lib/commonjs/kbd/Kbd.js.map +1 -0
- package/lib/commonjs/kbd/index.js +13 -0
- package/lib/commonjs/kbd/index.js.map +1 -0
- package/lib/commonjs/kbd/types.js +6 -0
- package/lib/commonjs/kbd/types.js.map +1 -0
- package/lib/commonjs/label/Label.js +60 -0
- package/lib/commonjs/label/Label.js.map +1 -0
- package/lib/commonjs/label/index.js +13 -0
- package/lib/commonjs/label/index.js.map +1 -0
- package/lib/commonjs/label/types.js +6 -0
- package/lib/commonjs/label/types.js.map +1 -0
- package/lib/commonjs/popover/context.js +18 -0
- package/lib/commonjs/popover/context.js.map +1 -0
- package/lib/commonjs/popover/index.js +111 -0
- package/lib/commonjs/popover/index.js.map +1 -0
- package/lib/commonjs/popover/index.web.js +286 -0
- package/lib/commonjs/popover/index.web.js.map +1 -0
- package/lib/commonjs/popover/types.js +6 -0
- package/lib/commonjs/popover/types.js.map +1 -0
- package/lib/commonjs/react-native-css.d.js +2 -0
- package/lib/commonjs/react-native-css.d.js.map +1 -0
- package/lib/commonjs/slider/Slider.js +255 -0
- package/lib/commonjs/slider/Slider.js.map +1 -0
- package/lib/commonjs/slider/index.js +13 -0
- package/lib/commonjs/slider/index.js.map +1 -0
- package/lib/commonjs/slider/types.js +6 -0
- package/lib/commonjs/slider/types.js.map +1 -0
- package/lib/commonjs/theme/BloomThemeProvider.js +39 -7
- package/lib/commonjs/theme/BloomThemeProvider.js.map +1 -1
- package/lib/commonjs/theme/color-presets.js +118 -118
- package/lib/commonjs/theme/color-presets.js.map +1 -1
- package/lib/commonjs/theme/color-scope/index.js +28 -6
- package/lib/commonjs/theme/color-scope/index.js.map +1 -1
- package/lib/commonjs/theme/color-scope/style-builder.js +35 -0
- package/lib/commonjs/theme/color-scope/style-builder.js.map +1 -1
- package/lib/commonjs/theme/native-root-vars.js +105 -0
- package/lib/commonjs/theme/native-root-vars.js.map +1 -0
- package/lib/commonjs/theme/native-root-vars.web.js +27 -0
- package/lib/commonjs/theme/native-root-vars.web.js.map +1 -0
- package/lib/commonjs/theme/preset-vars.js +4 -1
- package/lib/commonjs/theme/preset-vars.js.map +1 -1
- package/lib/module/alert-dialog/AlertDialog.js +104 -0
- package/lib/module/alert-dialog/AlertDialog.js.map +1 -0
- package/lib/module/alert-dialog/AlertDialogHost.js +45 -0
- package/lib/module/alert-dialog/AlertDialogHost.js.map +1 -0
- package/lib/module/alert-dialog/confirm-store.js +73 -0
- package/lib/module/alert-dialog/confirm-store.js.map +1 -0
- package/lib/module/alert-dialog/index.js +9 -0
- package/lib/module/alert-dialog/index.js.map +1 -0
- package/lib/module/alert-dialog/index.web.js +9 -0
- package/lib/module/alert-dialog/index.web.js.map +1 -0
- package/lib/module/alert-dialog/types.js +4 -0
- package/lib/module/alert-dialog/types.js.map +1 -0
- package/lib/module/combobox/Combobox.js +222 -0
- package/lib/module/combobox/Combobox.js.map +1 -0
- package/lib/module/combobox/index.js +6 -0
- package/lib/module/combobox/index.js.map +1 -0
- package/lib/module/combobox/index.web.js +6 -0
- package/lib/module/combobox/index.web.js.map +1 -0
- package/lib/module/combobox/types.js +4 -0
- package/lib/module/combobox/types.js.map +1 -0
- package/lib/module/command/Command.js +251 -0
- package/lib/module/command/Command.js.map +1 -0
- package/lib/module/command/index.js +6 -0
- package/lib/module/command/index.js.map +1 -0
- package/lib/module/command/index.web.js +6 -0
- package/lib/module/command/index.web.js.map +1 -0
- package/lib/module/command/types.js +4 -0
- package/lib/module/command/types.js.map +1 -0
- package/lib/module/field/Field.js +63 -0
- package/lib/module/field/Field.js.map +1 -0
- package/lib/module/field/index.js +4 -0
- package/lib/module/field/index.js.map +1 -0
- package/lib/module/field/types.js +4 -0
- package/lib/module/field/types.js.map +1 -0
- package/lib/module/index.js +10 -3
- package/lib/module/index.js.map +1 -1
- package/lib/module/index.web.js +10 -3
- package/lib/module/index.web.js.map +1 -1
- package/lib/module/input-group/InputGroup.js +167 -0
- package/lib/module/input-group/InputGroup.js.map +1 -0
- package/lib/module/input-group/index.js +4 -0
- package/lib/module/input-group/index.js.map +1 -0
- package/lib/module/input-group/types.js +4 -0
- package/lib/module/input-group/types.js.map +1 -0
- package/lib/module/item/Item.js +167 -0
- package/lib/module/item/Item.js.map +1 -0
- package/lib/module/item/index.js +4 -0
- package/lib/module/item/index.js.map +1 -0
- package/lib/module/item/types.js +4 -0
- package/lib/module/item/types.js.map +1 -0
- package/lib/module/kbd/Kbd.js +74 -0
- package/lib/module/kbd/Kbd.js.map +1 -0
- package/lib/module/kbd/index.js +4 -0
- package/lib/module/kbd/index.js.map +1 -0
- package/lib/module/kbd/types.js +4 -0
- package/lib/module/kbd/types.js.map +1 -0
- package/lib/module/label/Label.js +55 -0
- package/lib/module/label/Label.js.map +1 -0
- package/lib/module/label/index.js +4 -0
- package/lib/module/label/index.js.map +1 -0
- package/lib/module/label/types.js +4 -0
- package/lib/module/label/types.js.map +1 -0
- package/lib/module/popover/context.js +13 -0
- package/lib/module/popover/context.js.map +1 -0
- package/lib/module/popover/index.js +95 -0
- package/lib/module/popover/index.js.map +1 -0
- package/lib/module/popover/index.web.js +274 -0
- package/lib/module/popover/index.web.js.map +1 -0
- package/lib/module/popover/types.js +4 -0
- package/lib/module/popover/types.js.map +1 -0
- package/lib/module/react-native-css.d.js +2 -0
- package/lib/module/react-native-css.d.js.map +1 -0
- package/lib/module/slider/Slider.js +250 -0
- package/lib/module/slider/Slider.js.map +1 -0
- package/lib/module/slider/index.js +4 -0
- package/lib/module/slider/index.js.map +1 -0
- package/lib/module/slider/types.js +4 -0
- package/lib/module/slider/types.js.map +1 -0
- package/lib/module/theme/BloomThemeProvider.js +40 -8
- package/lib/module/theme/BloomThemeProvider.js.map +1 -1
- package/lib/module/theme/color-presets.js +118 -118
- package/lib/module/theme/color-presets.js.map +1 -1
- package/lib/module/theme/color-scope/index.js +29 -7
- package/lib/module/theme/color-scope/index.js.map +1 -1
- package/lib/module/theme/color-scope/style-builder.js +35 -0
- package/lib/module/theme/color-scope/style-builder.js.map +1 -1
- package/lib/module/theme/native-root-vars.js +101 -0
- package/lib/module/theme/native-root-vars.js.map +1 -0
- package/lib/module/theme/native-root-vars.web.js +23 -0
- package/lib/module/theme/native-root-vars.web.js.map +1 -0
- package/lib/module/theme/preset-vars.js +4 -1
- package/lib/module/theme/preset-vars.js.map +1 -1
- package/lib/typescript/commonjs/alert-dialog/AlertDialog.d.ts +21 -0
- package/lib/typescript/commonjs/alert-dialog/AlertDialog.d.ts.map +1 -0
- package/lib/typescript/commonjs/alert-dialog/AlertDialogHost.d.ts +15 -0
- package/lib/typescript/commonjs/alert-dialog/AlertDialogHost.d.ts.map +1 -0
- package/lib/typescript/commonjs/alert-dialog/confirm-store.d.ts +31 -0
- package/lib/typescript/commonjs/alert-dialog/confirm-store.d.ts.map +1 -0
- package/lib/typescript/commonjs/alert-dialog/index.d.ts +8 -0
- package/lib/typescript/commonjs/alert-dialog/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/alert-dialog/index.web.d.ts +8 -0
- package/lib/typescript/commonjs/alert-dialog/index.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/alert-dialog/types.d.ts +44 -0
- package/lib/typescript/commonjs/alert-dialog/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/combobox/Combobox.d.ts +33 -0
- package/lib/typescript/commonjs/combobox/Combobox.d.ts.map +1 -0
- package/lib/typescript/commonjs/combobox/index.d.ts +6 -0
- package/lib/typescript/commonjs/combobox/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/combobox/index.web.d.ts +6 -0
- package/lib/typescript/commonjs/combobox/index.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/combobox/types.d.ts +40 -0
- package/lib/typescript/commonjs/combobox/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/command/Command.d.ts +22 -0
- package/lib/typescript/commonjs/command/Command.d.ts.map +1 -0
- package/lib/typescript/commonjs/command/index.d.ts +6 -0
- package/lib/typescript/commonjs/command/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/command/index.web.d.ts +6 -0
- package/lib/typescript/commonjs/command/index.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/command/types.d.ts +46 -0
- package/lib/typescript/commonjs/command/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/field/Field.d.ts +4 -0
- package/lib/typescript/commonjs/field/Field.d.ts.map +1 -0
- package/lib/typescript/commonjs/field/index.d.ts +3 -0
- package/lib/typescript/commonjs/field/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/field/types.d.ts +26 -0
- package/lib/typescript/commonjs/field/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/icons/common.d.ts +8 -8
- package/lib/typescript/commonjs/index.d.ts +19 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/index.web.d.ts +19 -0
- package/lib/typescript/commonjs/index.web.d.ts.map +1 -1
- package/lib/typescript/commonjs/input-group/InputGroup.d.ts +9 -0
- package/lib/typescript/commonjs/input-group/InputGroup.d.ts.map +1 -0
- package/lib/typescript/commonjs/input-group/index.d.ts +3 -0
- package/lib/typescript/commonjs/input-group/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/input-group/types.d.ts +35 -0
- package/lib/typescript/commonjs/input-group/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/item/Item.d.ts +4 -0
- package/lib/typescript/commonjs/item/Item.d.ts.map +1 -0
- package/lib/typescript/commonjs/item/index.d.ts +3 -0
- package/lib/typescript/commonjs/item/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/item/types.d.ts +45 -0
- package/lib/typescript/commonjs/item/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/kbd/Kbd.d.ts +4 -0
- package/lib/typescript/commonjs/kbd/Kbd.d.ts.map +1 -0
- package/lib/typescript/commonjs/kbd/index.d.ts +3 -0
- package/lib/typescript/commonjs/kbd/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/kbd/types.d.ts +13 -0
- package/lib/typescript/commonjs/kbd/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/label/Label.d.ts +4 -0
- package/lib/typescript/commonjs/label/Label.d.ts.map +1 -0
- package/lib/typescript/commonjs/label/index.d.ts +3 -0
- package/lib/typescript/commonjs/label/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/label/types.d.ts +27 -0
- package/lib/typescript/commonjs/label/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/popover/context.d.ts +15 -0
- package/lib/typescript/commonjs/popover/context.d.ts.map +1 -0
- package/lib/typescript/commonjs/popover/index.d.ts +14 -0
- package/lib/typescript/commonjs/popover/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/popover/index.web.d.ts +14 -0
- package/lib/typescript/commonjs/popover/index.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/popover/types.d.ts +54 -0
- package/lib/typescript/commonjs/popover/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/slider/Slider.d.ts +4 -0
- package/lib/typescript/commonjs/slider/Slider.d.ts.map +1 -0
- package/lib/typescript/commonjs/slider/index.d.ts +3 -0
- package/lib/typescript/commonjs/slider/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/slider/types.d.ts +30 -0
- package/lib/typescript/commonjs/slider/types.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/BloomThemeProvider.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-scope/index.d.ts +9 -2
- package/lib/typescript/commonjs/theme/color-scope/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/color-scope/style-builder.d.ts +32 -0
- package/lib/typescript/commonjs/theme/color-scope/style-builder.d.ts.map +1 -1
- package/lib/typescript/commonjs/theme/native-root-vars.d.ts +89 -0
- package/lib/typescript/commonjs/theme/native-root-vars.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/native-root-vars.web.d.ts +20 -0
- package/lib/typescript/commonjs/theme/native-root-vars.web.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/preset-vars.d.ts.map +1 -1
- package/lib/typescript/module/alert-dialog/AlertDialog.d.ts +21 -0
- package/lib/typescript/module/alert-dialog/AlertDialog.d.ts.map +1 -0
- package/lib/typescript/module/alert-dialog/AlertDialogHost.d.ts +15 -0
- package/lib/typescript/module/alert-dialog/AlertDialogHost.d.ts.map +1 -0
- package/lib/typescript/module/alert-dialog/confirm-store.d.ts +31 -0
- package/lib/typescript/module/alert-dialog/confirm-store.d.ts.map +1 -0
- package/lib/typescript/module/alert-dialog/index.d.ts +8 -0
- package/lib/typescript/module/alert-dialog/index.d.ts.map +1 -0
- package/lib/typescript/module/alert-dialog/index.web.d.ts +8 -0
- package/lib/typescript/module/alert-dialog/index.web.d.ts.map +1 -0
- package/lib/typescript/module/alert-dialog/types.d.ts +44 -0
- package/lib/typescript/module/alert-dialog/types.d.ts.map +1 -0
- package/lib/typescript/module/combobox/Combobox.d.ts +33 -0
- package/lib/typescript/module/combobox/Combobox.d.ts.map +1 -0
- package/lib/typescript/module/combobox/index.d.ts +6 -0
- package/lib/typescript/module/combobox/index.d.ts.map +1 -0
- package/lib/typescript/module/combobox/index.web.d.ts +6 -0
- package/lib/typescript/module/combobox/index.web.d.ts.map +1 -0
- package/lib/typescript/module/combobox/types.d.ts +40 -0
- package/lib/typescript/module/combobox/types.d.ts.map +1 -0
- package/lib/typescript/module/command/Command.d.ts +22 -0
- package/lib/typescript/module/command/Command.d.ts.map +1 -0
- package/lib/typescript/module/command/index.d.ts +6 -0
- package/lib/typescript/module/command/index.d.ts.map +1 -0
- package/lib/typescript/module/command/index.web.d.ts +6 -0
- package/lib/typescript/module/command/index.web.d.ts.map +1 -0
- package/lib/typescript/module/command/types.d.ts +46 -0
- package/lib/typescript/module/command/types.d.ts.map +1 -0
- package/lib/typescript/module/field/Field.d.ts +4 -0
- package/lib/typescript/module/field/Field.d.ts.map +1 -0
- package/lib/typescript/module/field/index.d.ts +3 -0
- package/lib/typescript/module/field/index.d.ts.map +1 -0
- package/lib/typescript/module/field/types.d.ts +26 -0
- package/lib/typescript/module/field/types.d.ts.map +1 -0
- package/lib/typescript/module/icons/common.d.ts +8 -8
- package/lib/typescript/module/index.d.ts +19 -0
- package/lib/typescript/module/index.d.ts.map +1 -1
- package/lib/typescript/module/index.web.d.ts +19 -0
- package/lib/typescript/module/index.web.d.ts.map +1 -1
- package/lib/typescript/module/input-group/InputGroup.d.ts +9 -0
- package/lib/typescript/module/input-group/InputGroup.d.ts.map +1 -0
- package/lib/typescript/module/input-group/index.d.ts +3 -0
- package/lib/typescript/module/input-group/index.d.ts.map +1 -0
- package/lib/typescript/module/input-group/types.d.ts +35 -0
- package/lib/typescript/module/input-group/types.d.ts.map +1 -0
- package/lib/typescript/module/item/Item.d.ts +4 -0
- package/lib/typescript/module/item/Item.d.ts.map +1 -0
- package/lib/typescript/module/item/index.d.ts +3 -0
- package/lib/typescript/module/item/index.d.ts.map +1 -0
- package/lib/typescript/module/item/types.d.ts +45 -0
- package/lib/typescript/module/item/types.d.ts.map +1 -0
- package/lib/typescript/module/kbd/Kbd.d.ts +4 -0
- package/lib/typescript/module/kbd/Kbd.d.ts.map +1 -0
- package/lib/typescript/module/kbd/index.d.ts +3 -0
- package/lib/typescript/module/kbd/index.d.ts.map +1 -0
- package/lib/typescript/module/kbd/types.d.ts +13 -0
- package/lib/typescript/module/kbd/types.d.ts.map +1 -0
- package/lib/typescript/module/label/Label.d.ts +4 -0
- package/lib/typescript/module/label/Label.d.ts.map +1 -0
- package/lib/typescript/module/label/index.d.ts +3 -0
- package/lib/typescript/module/label/index.d.ts.map +1 -0
- package/lib/typescript/module/label/types.d.ts +27 -0
- package/lib/typescript/module/label/types.d.ts.map +1 -0
- package/lib/typescript/module/popover/context.d.ts +15 -0
- package/lib/typescript/module/popover/context.d.ts.map +1 -0
- package/lib/typescript/module/popover/index.d.ts +14 -0
- package/lib/typescript/module/popover/index.d.ts.map +1 -0
- package/lib/typescript/module/popover/index.web.d.ts +14 -0
- package/lib/typescript/module/popover/index.web.d.ts.map +1 -0
- package/lib/typescript/module/popover/types.d.ts +54 -0
- package/lib/typescript/module/popover/types.d.ts.map +1 -0
- package/lib/typescript/module/slider/Slider.d.ts +4 -0
- package/lib/typescript/module/slider/Slider.d.ts.map +1 -0
- package/lib/typescript/module/slider/index.d.ts +3 -0
- package/lib/typescript/module/slider/index.d.ts.map +1 -0
- package/lib/typescript/module/slider/types.d.ts +30 -0
- package/lib/typescript/module/slider/types.d.ts.map +1 -0
- package/lib/typescript/module/theme/BloomThemeProvider.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-scope/index.d.ts +9 -2
- package/lib/typescript/module/theme/color-scope/index.d.ts.map +1 -1
- package/lib/typescript/module/theme/color-scope/style-builder.d.ts +32 -0
- package/lib/typescript/module/theme/color-scope/style-builder.d.ts.map +1 -1
- package/lib/typescript/module/theme/native-root-vars.d.ts +89 -0
- package/lib/typescript/module/theme/native-root-vars.d.ts.map +1 -0
- package/lib/typescript/module/theme/native-root-vars.web.d.ts +20 -0
- package/lib/typescript/module/theme/native-root-vars.web.d.ts.map +1 -0
- package/lib/typescript/module/theme/preset-vars.d.ts.map +1 -1
- package/package.json +141 -1
- package/src/__tests__/Field.test.tsx +55 -0
- package/src/__tests__/InputGroup.test.tsx +44 -0
- package/src/__tests__/Item.test.tsx +73 -0
- package/src/__tests__/Kbd.test.tsx +27 -0
- package/src/__tests__/Label.test.tsx +30 -0
- package/src/__tests__/Slider.test.tsx +38 -0
- package/src/__tests__/confirm-store.test.ts +58 -0
- package/src/__tests__/native-root-vars.test.ts +125 -0
- package/src/alert-dialog/AlertDialog.stories.tsx +61 -0
- package/src/alert-dialog/AlertDialog.tsx +120 -0
- package/src/alert-dialog/AlertDialogHost.tsx +51 -0
- package/src/alert-dialog/confirm-store.ts +77 -0
- package/src/alert-dialog/index.ts +13 -0
- package/src/alert-dialog/index.web.ts +13 -0
- package/src/alert-dialog/types.ts +46 -0
- package/src/combobox/Combobox.stories.tsx +40 -0
- package/src/combobox/Combobox.tsx +274 -0
- package/src/combobox/index.ts +6 -0
- package/src/combobox/index.web.ts +6 -0
- package/src/combobox/types.ts +41 -0
- package/src/command/Command.stories.tsx +60 -0
- package/src/command/Command.tsx +276 -0
- package/src/command/index.ts +6 -0
- package/src/command/index.web.ts +6 -0
- package/src/command/types.ts +47 -0
- package/src/field/Field.stories.tsx +54 -0
- package/src/field/Field.tsx +77 -0
- package/src/field/index.ts +2 -0
- package/src/field/types.ts +26 -0
- package/src/index.ts +23 -0
- package/src/index.web.ts +23 -0
- package/src/input-group/InputGroup.stories.tsx +65 -0
- package/src/input-group/InputGroup.tsx +184 -0
- package/src/input-group/index.ts +2 -0
- package/src/input-group/types.ts +36 -0
- package/src/item/Item.stories.tsx +43 -0
- package/src/item/Item.tsx +180 -0
- package/src/item/index.ts +2 -0
- package/src/item/types.ts +45 -0
- package/src/kbd/Kbd.stories.tsx +36 -0
- package/src/kbd/Kbd.tsx +76 -0
- package/src/kbd/index.ts +2 -0
- package/src/kbd/types.ts +13 -0
- package/src/label/Label.stories.tsx +32 -0
- package/src/label/Label.tsx +64 -0
- package/src/label/index.ts +2 -0
- package/src/label/types.ts +27 -0
- package/src/popover/Popover.stories.tsx +61 -0
- package/src/popover/context.ts +26 -0
- package/src/popover/index.tsx +104 -0
- package/src/popover/index.web.tsx +325 -0
- package/src/popover/types.ts +60 -0
- package/src/react-native-css.d.ts +69 -0
- package/src/slider/Slider.stories.tsx +46 -0
- package/src/slider/Slider.tsx +275 -0
- package/src/slider/index.ts +2 -0
- package/src/slider/types.ts +30 -0
- package/src/theme/BloomThemeProvider.tsx +32 -6
- package/src/theme/color-presets.ts +118 -118
- package/src/theme/color-scope/index.tsx +30 -8
- package/src/theme/color-scope/style-builder.ts +40 -0
- package/src/theme/native-root-vars.ts +102 -0
- package/src/theme/native-root-vars.web.ts +22 -0
- package/src/theme/preset-vars.ts +4 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["field/types.ts"],"mappings":"","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -45,7 +45,11 @@ export { IconCircle } from "./icon-circle/index.js";
|
|
|
45
45
|
export * as TextField from "./text-field/index.js";
|
|
46
46
|
export * as SegmentedControl from "./segmented-control/index.js";
|
|
47
47
|
export { SearchInput } from "./search-input/index.js";
|
|
48
|
-
|
|
48
|
+
export { Label } from "./label/index.js";
|
|
49
|
+
export { Field } from "./field/index.js";
|
|
50
|
+
export { InputGroup } from "./input-group/index.js";
|
|
51
|
+
export { Slider } from "./slider/index.js";
|
|
52
|
+
export { Combobox } from './combobox';
|
|
49
53
|
// Bottom sheet
|
|
50
54
|
export { BottomSheet } from "./bottom-sheet/index.js";
|
|
51
55
|
// Data display
|
|
@@ -58,14 +62,17 @@ export * as Accordion from "./accordion/index.js";
|
|
|
58
62
|
|
|
59
63
|
// Settings / Grouped list
|
|
60
64
|
export * from "./settings-list/index.js";
|
|
61
|
-
|
|
65
|
+
export { Item } from "./item/index.js";
|
|
66
|
+
export { Kbd } from "./kbd/index.js";
|
|
62
67
|
// Overlay components
|
|
63
68
|
export * as Admonition from "./admonition/index.js";
|
|
64
69
|
export * as Menu from './menu';
|
|
65
70
|
export * as Tooltip from './tooltip';
|
|
66
71
|
export * as Select from './select';
|
|
67
72
|
export * as ContextMenu from './context-menu';
|
|
68
|
-
|
|
73
|
+
export * as Popover from './popover';
|
|
74
|
+
export { AlertDialog, AlertDialogHost, confirm } from './alert-dialog';
|
|
75
|
+
export { Command } from './command';
|
|
69
76
|
// Code (mono)
|
|
70
77
|
export * as Code from "./code/index.js";
|
|
71
78
|
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["atoms","flatten","tokens","web","native","ios","android","platform","select","useInteractionState","useDelayedLoading","useThrottledValue","Icons","sizes","iconSizes","useCommonSVGProps","Dialog","CenteredDialog","CENTERED_DIALOG_BACKDROP_TESTID","BloomDialogProvider","alert","useDialogContext","useDialogControl","ErrorBoundary","PromptInput","toast","Typography","Skeleton","Grid","Fill","IconCircle","TextField","SegmentedControl","SearchInput","BottomSheet","Tabs","Accordion","Admonition","Menu","Tooltip","Select","ContextMenu","Code","Fonts"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA,cAAc,kBAAS;;AAEvB;AACA,SAASA,KAAK,EAAEC,OAAO,QAAQ,mBAAU;AAEzC,OAAO,KAAKC,MAAM,MAAM,oBAAiB;AACzC,SAASC,GAAG,EAAEC,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,sBAAmB;;AAE/E;AACA,SAASC,mBAAmB,QAAQ,gCAA6B;AACjE,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,iBAAiB,QAAQ,8BAA2B;;AAE7D;AACA,OAAO,KAAKC,KAAK,MAAM,kBAAS;AAChC,SAAkCC,KAAK,IAAIC,SAAS,EAAEC,iBAAiB,QAAQ,mBAAgB;;AAE/F;AACA,cAAc,UAAU;AACxB,SACEC,MAAM,EACNC,cAAc,EACdC,+BAA+B,EAC/BC,mBAAmB,EACnBC,KAAK,EACLC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AAWjB,cAAc,mBAAU;AACxB,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,4BAAmB;AACjC,cAAc,wBAAe;AAC7B,SAASC,aAAa,QAAQ,2BAAkB;AAMhD,cAAc,mBAAU;AACxB,cAAc,WAAW;AACzB,OAAO,KAAKC,WAAW,MAAM,yBAAgB;AAC7C,cAAc,mBAAU;AACxB,SAASC,KAAK,QAAoB,SAAS;;AAE3C;AACA,OAAO,KAAKC,UAAU,MAAM,uBAAc;;AAE1C;AACA,OAAO,KAAKC,QAAQ,MAAM,qBAAY;AACtC,OAAO,KAAKC,IAAI,MAAM,iBAAQ;AAC9B,SAASC,IAAI,QAAQ,iBAAQ;AAC7B,SAASC,UAAU,QAAQ,wBAAe;;AAE1C;AACA,OAAO,KAAKC,SAAS,MAAM,uBAAc;AACzC,OAAO,KAAKC,gBAAgB,MAAM,8BAAqB;AACvD,SAASC,WAAW,QAAQ,yBAAgB
|
|
1
|
+
{"version":3,"names":["atoms","flatten","tokens","web","native","ios","android","platform","select","useInteractionState","useDelayedLoading","useThrottledValue","Icons","sizes","iconSizes","useCommonSVGProps","Dialog","CenteredDialog","CENTERED_DIALOG_BACKDROP_TESTID","BloomDialogProvider","alert","useDialogContext","useDialogControl","ErrorBoundary","PromptInput","toast","Typography","Skeleton","Grid","Fill","IconCircle","TextField","SegmentedControl","SearchInput","Label","Field","InputGroup","Slider","Combobox","BottomSheet","Tabs","Accordion","Item","Kbd","Admonition","Menu","Tooltip","Select","ContextMenu","Popover","AlertDialog","AlertDialogHost","confirm","Command","Code","Fonts"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA;AACA,cAAc,kBAAS;;AAEvB;AACA,SAASA,KAAK,EAAEC,OAAO,QAAQ,mBAAU;AAEzC,OAAO,KAAKC,MAAM,MAAM,oBAAiB;AACzC,SAASC,GAAG,EAAEC,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,sBAAmB;;AAE/E;AACA,SAASC,mBAAmB,QAAQ,gCAA6B;AACjE,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,iBAAiB,QAAQ,8BAA2B;;AAE7D;AACA,OAAO,KAAKC,KAAK,MAAM,kBAAS;AAChC,SAAkCC,KAAK,IAAIC,SAAS,EAAEC,iBAAiB,QAAQ,mBAAgB;;AAE/F;AACA,cAAc,UAAU;AACxB,SACEC,MAAM,EACNC,cAAc,EACdC,+BAA+B,EAC/BC,mBAAmB,EACnBC,KAAK,EACLC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AAWjB,cAAc,mBAAU;AACxB,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,4BAAmB;AACjC,cAAc,wBAAe;AAC7B,SAASC,aAAa,QAAQ,2BAAkB;AAMhD,cAAc,mBAAU;AACxB,cAAc,WAAW;AACzB,OAAO,KAAKC,WAAW,MAAM,yBAAgB;AAC7C,cAAc,mBAAU;AACxB,SAASC,KAAK,QAAoB,SAAS;;AAE3C;AACA,OAAO,KAAKC,UAAU,MAAM,uBAAc;;AAE1C;AACA,OAAO,KAAKC,QAAQ,MAAM,qBAAY;AACtC,OAAO,KAAKC,IAAI,MAAM,iBAAQ;AAC9B,SAASC,IAAI,QAAQ,iBAAQ;AAC7B,SAASC,UAAU,QAAQ,wBAAe;;AAE1C;AACA,OAAO,KAAKC,SAAS,MAAM,uBAAc;AACzC,OAAO,KAAKC,gBAAgB,MAAM,8BAAqB;AACvD,SAASC,WAAW,QAAQ,yBAAgB;AAC5C,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,UAAU,QAAQ,wBAAe;AAE1C,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,QAAQ,QAAQ,YAAY;AAGrC;AACA,SAASC,WAAW,QAAQ,yBAAgB;AAG5C;AACA,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,OAAO,KAAKC,IAAI,MAAM,iBAAQ;AAC9B,cAAc,qBAAY;AAC1B,OAAO,KAAKC,SAAS,MAAM,sBAAa;;AAExC;AACA,cAAc,0BAAiB;AAC/B,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,GAAG,QAAQ,gBAAO;AAG3B;AACA,OAAO,KAAKC,UAAU,MAAM,uBAAc;AAC1C,OAAO,KAAKC,IAAI,MAAM,QAAQ;AAC9B,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,OAAO,KAAKC,WAAW,MAAM,gBAAgB;AAC7C,OAAO,KAAKC,OAAO,MAAM,WAAW;AACpC,SAASC,WAAW,EAAEC,eAAe,EAAEC,OAAO,QAAQ,gBAAgB;AAMtE,SAASC,OAAO,QAAQ,WAAW;AAGnC;AACA,OAAO,KAAKC,IAAI,MAAM,iBAAQ;;AAE9B;AACA,OAAO,KAAKC,KAAK,MAAM,SAAS","ignoreList":[]}
|
package/lib/module/index.web.js
CHANGED
|
@@ -50,7 +50,11 @@ export { IconCircle } from "./icon-circle/index.js";
|
|
|
50
50
|
export * as TextField from "./text-field/index.js";
|
|
51
51
|
export * as SegmentedControl from "./segmented-control/index.js";
|
|
52
52
|
export { SearchInput } from "./search-input/index.js";
|
|
53
|
-
|
|
53
|
+
export { Label } from "./label/index.js";
|
|
54
|
+
export { Field } from "./field/index.js";
|
|
55
|
+
export { InputGroup } from "./input-group/index.js";
|
|
56
|
+
export { Slider } from "./slider/index.js";
|
|
57
|
+
export { Combobox } from "./combobox/index.web.js";
|
|
54
58
|
// Bottom sheet
|
|
55
59
|
export { BottomSheet } from "./bottom-sheet/index.js";
|
|
56
60
|
// Data display
|
|
@@ -63,14 +67,17 @@ export * as Accordion from "./accordion/index.js";
|
|
|
63
67
|
|
|
64
68
|
// Settings / Grouped list
|
|
65
69
|
export * from "./settings-list/index.js";
|
|
66
|
-
|
|
70
|
+
export { Item } from "./item/index.js";
|
|
71
|
+
export { Kbd } from "./kbd/index.js";
|
|
67
72
|
// Overlay components
|
|
68
73
|
export * as Admonition from "./admonition/index.js";
|
|
69
74
|
export * as Menu from "./menu/index.web.js";
|
|
70
75
|
export * as Tooltip from "./tooltip/index.web.js";
|
|
71
76
|
export * as Select from "./select/index.web.js";
|
|
72
77
|
export * as ContextMenu from "./context-menu/index.web.js";
|
|
73
|
-
|
|
78
|
+
export * as Popover from "./popover/index.web.js";
|
|
79
|
+
export { AlertDialog, AlertDialogHost, confirm } from "./alert-dialog/index.web.js";
|
|
80
|
+
export { Command } from "./command/index.web.js";
|
|
74
81
|
// Code (mono)
|
|
75
82
|
export * as Code from "./code/index.js";
|
|
76
83
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["atoms","flatten","tokens","web","native","ios","android","platform","select","useInteractionState","useDelayedLoading","useThrottledValue","Icons","sizes","iconSizes","useCommonSVGProps","Dialog","CenteredDialog","CENTERED_DIALOG_BACKDROP_TESTID","BloomDialogProvider","alert","useDialogContext","useDialogControl","ErrorBoundary","PromptInput","toast","Typography","Skeleton","Grid","Fill","IconCircle","TextField","SegmentedControl","SearchInput","BottomSheet","Tabs","Accordion","Admonition","Menu","Tooltip","Select","ContextMenu","Code","Fonts"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA;AACA,cAAc,kBAAS;;AAEvB;AACA,SAASA,KAAK,EAAEC,OAAO,QAAQ,mBAAU;AAEzC,OAAO,KAAKC,MAAM,MAAM,oBAAiB;AACzC,SAASC,GAAG,EAAEC,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,sBAAmB;;AAE/E;AACA,SAASC,mBAAmB,QAAQ,gCAA6B;AACjE,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,iBAAiB,QAAQ,8BAA2B;;AAE7D;AACA,OAAO,KAAKC,KAAK,MAAM,kBAAS;AAChC,SAAkCC,KAAK,IAAIC,SAAS,EAAEC,iBAAiB,QAAQ,mBAAgB;;AAE/F;AACA,cAAc,uBAAoB;AAClC,SACEC,MAAM,EACNC,cAAc,EACdC,+BAA+B,EAC/BC,mBAAmB,EACnBC,KAAK,EACLC,gBAAgB,EAChBC,gBAAgB,QACX,uBAAoB;AAW3B,cAAc,mBAAU;AACxB,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,4BAAmB;AACjC,cAAc,wBAAe;AAC7B,SAASC,aAAa,QAAQ,2BAAkB;AAMhD,cAAc,mBAAU;AACxB,cAAc,wBAAqB;AACnC,OAAO,KAAKC,WAAW,MAAM,yBAAgB;AAC7C,cAAc,mBAAU;AACxB,SAASC,KAAK,QAAoB,sBAAmB;;AAErD;AACA,OAAO,KAAKC,UAAU,MAAM,uBAAc;;AAE1C;AACA,OAAO,KAAKC,QAAQ,MAAM,qBAAY;AACtC,OAAO,KAAKC,IAAI,MAAM,iBAAQ;AAC9B,SAASC,IAAI,QAAQ,iBAAQ;AAC7B,SAASC,UAAU,QAAQ,wBAAe;;AAE1C;AACA,OAAO,KAAKC,SAAS,MAAM,uBAAc;AACzC,OAAO,KAAKC,gBAAgB,MAAM,8BAAqB;AACvD,SAASC,WAAW,QAAQ,yBAAgB
|
|
1
|
+
{"version":3,"names":["atoms","flatten","tokens","web","native","ios","android","platform","select","useInteractionState","useDelayedLoading","useThrottledValue","Icons","sizes","iconSizes","useCommonSVGProps","Dialog","CenteredDialog","CENTERED_DIALOG_BACKDROP_TESTID","BloomDialogProvider","alert","useDialogContext","useDialogControl","ErrorBoundary","PromptInput","toast","Typography","Skeleton","Grid","Fill","IconCircle","TextField","SegmentedControl","SearchInput","Label","Field","InputGroup","Slider","Combobox","BottomSheet","Tabs","Accordion","Item","Kbd","Admonition","Menu","Tooltip","Select","ContextMenu","Popover","AlertDialog","AlertDialogHost","confirm","Command","Code","Fonts"],"sourceRoot":"../../src","sources":["index.web.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA;AACA,cAAc,kBAAS;;AAEvB;AACA,SAASA,KAAK,EAAEC,OAAO,QAAQ,mBAAU;AAEzC,OAAO,KAAKC,MAAM,MAAM,oBAAiB;AACzC,SAASC,GAAG,EAAEC,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,sBAAmB;;AAE/E;AACA,SAASC,mBAAmB,QAAQ,gCAA6B;AACjE,SAASC,iBAAiB,QAAQ,8BAA2B;AAC7D,SAASC,iBAAiB,QAAQ,8BAA2B;;AAE7D;AACA,OAAO,KAAKC,KAAK,MAAM,kBAAS;AAChC,SAAkCC,KAAK,IAAIC,SAAS,EAAEC,iBAAiB,QAAQ,mBAAgB;;AAE/F;AACA,cAAc,uBAAoB;AAClC,SACEC,MAAM,EACNC,cAAc,EACdC,+BAA+B,EAC/BC,mBAAmB,EACnBC,KAAK,EACLC,gBAAgB,EAChBC,gBAAgB,QACX,uBAAoB;AAW3B,cAAc,mBAAU;AACxB,cAAc,4BAAmB;AACjC,cAAc,oBAAW;AACzB,cAAc,4BAAmB;AACjC,cAAc,wBAAe;AAC7B,SAASC,aAAa,QAAQ,2BAAkB;AAMhD,cAAc,mBAAU;AACxB,cAAc,wBAAqB;AACnC,OAAO,KAAKC,WAAW,MAAM,yBAAgB;AAC7C,cAAc,mBAAU;AACxB,SAASC,KAAK,QAAoB,sBAAmB;;AAErD;AACA,OAAO,KAAKC,UAAU,MAAM,uBAAc;;AAE1C;AACA,OAAO,KAAKC,QAAQ,MAAM,qBAAY;AACtC,OAAO,KAAKC,IAAI,MAAM,iBAAQ;AAC9B,SAASC,IAAI,QAAQ,iBAAQ;AAC7B,SAASC,UAAU,QAAQ,wBAAe;;AAE1C;AACA,OAAO,KAAKC,SAAS,MAAM,uBAAc;AACzC,OAAO,KAAKC,gBAAgB,MAAM,8BAAqB;AACvD,SAASC,WAAW,QAAQ,yBAAgB;AAC5C,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,UAAU,QAAQ,wBAAe;AAE1C,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,QAAQ,QAAQ,yBAAsB;AAG/C;AACA,SAASC,WAAW,QAAQ,yBAAgB;AAG5C;AACA,cAAc,iBAAQ;AACtB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,OAAO,KAAKC,IAAI,MAAM,iBAAQ;AAC9B,cAAc,qBAAY;AAC1B,OAAO,KAAKC,SAAS,MAAM,sBAAa;;AAExC;AACA,cAAc,0BAAiB;AAC/B,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,GAAG,QAAQ,gBAAO;AAG3B;AACA,OAAO,KAAKC,UAAU,MAAM,uBAAc;AAC1C,OAAO,KAAKC,IAAI,MAAM,qBAAkB;AACxC,OAAO,KAAKC,OAAO,MAAM,wBAAqB;AAC9C,OAAO,KAAKC,MAAM,MAAM,uBAAoB;AAC5C,OAAO,KAAKC,WAAW,MAAM,6BAA0B;AACvD,OAAO,KAAKC,OAAO,MAAM,wBAAqB;AAC9C,SAASC,WAAW,EAAEC,eAAe,EAAEC,OAAO,QAAQ,6BAA0B;AAMhF,SAASC,OAAO,QAAQ,wBAAqB;AAG7C;AACA,OAAO,KAAKC,IAAI,MAAM,iBAAQ;;AAE9B;AACA,OAAO,KAAKC,KAAK,MAAM,sBAAmB","ignoreList":[]}
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { createContext, memo, useContext, useMemo } from 'react';
|
|
4
|
+
import { Platform, StyleSheet, View } from 'react-native';
|
|
5
|
+
import { useTheme } from "../theme/use-theme.js";
|
|
6
|
+
import { useInteractionState } from "../hooks/useInteractionState.js";
|
|
7
|
+
import { Text } from "../typography/index.js";
|
|
8
|
+
import { borderRadius, fontSize, space } from "../styles/tokens.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const SIZE_CONFIG = {
|
|
11
|
+
sm: {
|
|
12
|
+
minHeight: 36,
|
|
13
|
+
paddingHorizontal: space.sm
|
|
14
|
+
},
|
|
15
|
+
md: {
|
|
16
|
+
minHeight: 44,
|
|
17
|
+
paddingHorizontal: space.md
|
|
18
|
+
},
|
|
19
|
+
lg: {
|
|
20
|
+
minHeight: 52,
|
|
21
|
+
paddingHorizontal: space.lg
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
const InputGroupContext = /*#__PURE__*/createContext({
|
|
25
|
+
size: 'md'
|
|
26
|
+
});
|
|
27
|
+
InputGroupContext.displayName = 'InputGroupContext';
|
|
28
|
+
const AddonComponent = function InputGroupAddon({
|
|
29
|
+
children,
|
|
30
|
+
divider = false,
|
|
31
|
+
noPadding = false,
|
|
32
|
+
style,
|
|
33
|
+
testID
|
|
34
|
+
}) {
|
|
35
|
+
const theme = useTheme();
|
|
36
|
+
const {
|
|
37
|
+
size
|
|
38
|
+
} = useContext(InputGroupContext);
|
|
39
|
+
const cfg = SIZE_CONFIG[size];
|
|
40
|
+
|
|
41
|
+
// Plain string/number content is wrapped in a themed Text so it reads as a
|
|
42
|
+
// subdued addon label (and never trips RN's "raw text outside <Text>" rule).
|
|
43
|
+
const content = typeof children === 'string' || typeof children === 'number' ? /*#__PURE__*/_jsx(Text, {
|
|
44
|
+
numberOfLines: 1,
|
|
45
|
+
style: {
|
|
46
|
+
color: theme.colors.textSecondary,
|
|
47
|
+
fontSize: fontSize.md
|
|
48
|
+
},
|
|
49
|
+
children: children
|
|
50
|
+
}) : children;
|
|
51
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
52
|
+
testID: testID,
|
|
53
|
+
style: [styles.addon, !noPadding && {
|
|
54
|
+
paddingHorizontal: cfg.paddingHorizontal
|
|
55
|
+
}, style],
|
|
56
|
+
children: [divider ? /*#__PURE__*/_jsx(View, {
|
|
57
|
+
style: [styles.divider, {
|
|
58
|
+
backgroundColor: theme.colors.borderLight
|
|
59
|
+
}]
|
|
60
|
+
}) : null, content]
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
export const Addon = /*#__PURE__*/memo(AddonComponent);
|
|
64
|
+
Addon.displayName = 'InputGroup.Addon';
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* Horizontal group that wraps an input with leading/trailing addons (icons,
|
|
68
|
+
* text, buttons, `Kbd`). Renders a single bordered chrome — radii, border,
|
|
69
|
+
* focus/error colors match Bloom's `TextField` so a group reads as one field.
|
|
70
|
+
* The input child stretches to fill the middle.
|
|
71
|
+
*
|
|
72
|
+
* ```tsx
|
|
73
|
+
* <InputGroup>
|
|
74
|
+
* <InputGroup.Addon>https://</InputGroup.Addon>
|
|
75
|
+
* <TextField.Input label="Domain" value={v} onChangeText={setV} />
|
|
76
|
+
* <InputGroup.Addon divider>
|
|
77
|
+
* <Button size="small" variant="ghost" onPress={go}>Go</Button>
|
|
78
|
+
* </InputGroup.Addon>
|
|
79
|
+
* </InputGroup>
|
|
80
|
+
* ```
|
|
81
|
+
*/
|
|
82
|
+
const InputGroupComponent = function InputGroup({
|
|
83
|
+
children,
|
|
84
|
+
isInvalid = false,
|
|
85
|
+
disabled = false,
|
|
86
|
+
size = 'md',
|
|
87
|
+
style,
|
|
88
|
+
testID
|
|
89
|
+
}) {
|
|
90
|
+
const theme = useTheme();
|
|
91
|
+
const cfg = SIZE_CONFIG[size];
|
|
92
|
+
const {
|
|
93
|
+
state: focused,
|
|
94
|
+
onIn: onFocus,
|
|
95
|
+
onOut: onBlur
|
|
96
|
+
} = useInteractionState();
|
|
97
|
+
const {
|
|
98
|
+
state: hovered,
|
|
99
|
+
onIn: onHoverIn,
|
|
100
|
+
onOut: onHoverOut
|
|
101
|
+
} = useInteractionState();
|
|
102
|
+
const borderColor = isInvalid ? theme.colors.negative : focused ? theme.colors.primary : hovered ? theme.colors.borderLight : 'transparent';
|
|
103
|
+
const backgroundColor = isInvalid ? theme.colors.negativeSubtle : theme.colors.contrast50;
|
|
104
|
+
const ctx = useMemo(() => ({
|
|
105
|
+
size
|
|
106
|
+
}), [size]);
|
|
107
|
+
const webHandlers = Platform.OS === 'web' ? {
|
|
108
|
+
onMouseOver: onHoverIn,
|
|
109
|
+
onMouseOut: onHoverOut
|
|
110
|
+
} : {};
|
|
111
|
+
return /*#__PURE__*/_jsx(InputGroupContext.Provider, {
|
|
112
|
+
value: ctx,
|
|
113
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
114
|
+
testID: testID,
|
|
115
|
+
accessibilityState: disabled ? {
|
|
116
|
+
disabled: true
|
|
117
|
+
} : undefined
|
|
118
|
+
// Capture focus bubbling from a nested input so the whole chrome
|
|
119
|
+
// reflects focus — RN-web bubbles focus/blur, native does not but a
|
|
120
|
+
// nested TextInput's own focus ring is sufficient there.
|
|
121
|
+
,
|
|
122
|
+
onFocus: onFocus,
|
|
123
|
+
onBlur: onBlur,
|
|
124
|
+
...webHandlers,
|
|
125
|
+
style: [styles.container, {
|
|
126
|
+
minHeight: cfg.minHeight,
|
|
127
|
+
backgroundColor,
|
|
128
|
+
borderColor
|
|
129
|
+
}, disabled && styles.disabled, style],
|
|
130
|
+
children: children
|
|
131
|
+
})
|
|
132
|
+
});
|
|
133
|
+
};
|
|
134
|
+
const styles = StyleSheet.create({
|
|
135
|
+
container: {
|
|
136
|
+
flexDirection: 'row',
|
|
137
|
+
alignItems: 'stretch',
|
|
138
|
+
width: '100%',
|
|
139
|
+
borderRadius: borderRadius.sm,
|
|
140
|
+
borderWidth: 2,
|
|
141
|
+
overflow: 'hidden'
|
|
142
|
+
},
|
|
143
|
+
addon: {
|
|
144
|
+
flexDirection: 'row',
|
|
145
|
+
alignItems: 'center',
|
|
146
|
+
justifyContent: 'center',
|
|
147
|
+
gap: space.xs,
|
|
148
|
+
flexShrink: 0,
|
|
149
|
+
position: 'relative'
|
|
150
|
+
},
|
|
151
|
+
divider: {
|
|
152
|
+
position: 'absolute',
|
|
153
|
+
left: 0,
|
|
154
|
+
top: space.sm,
|
|
155
|
+
bottom: space.sm,
|
|
156
|
+
width: StyleSheet.hairlineWidth
|
|
157
|
+
},
|
|
158
|
+
disabled: {
|
|
159
|
+
opacity: 0.5
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
const InputGroupBase = /*#__PURE__*/memo(InputGroupComponent);
|
|
163
|
+
InputGroupBase.displayName = 'InputGroup';
|
|
164
|
+
export const InputGroup = Object.assign(InputGroupBase, {
|
|
165
|
+
Addon
|
|
166
|
+
});
|
|
167
|
+
//# sourceMappingURL=InputGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","memo","useContext","useMemo","Platform","StyleSheet","View","useTheme","useInteractionState","Text","borderRadius","fontSize","space","jsx","_jsx","jsxs","_jsxs","SIZE_CONFIG","sm","minHeight","paddingHorizontal","md","lg","InputGroupContext","size","displayName","AddonComponent","InputGroupAddon","children","divider","noPadding","style","testID","theme","cfg","content","numberOfLines","color","colors","textSecondary","styles","addon","backgroundColor","borderLight","Addon","InputGroupComponent","InputGroup","isInvalid","disabled","state","focused","onIn","onFocus","onOut","onBlur","hovered","onHoverIn","onHoverOut","borderColor","negative","primary","negativeSubtle","contrast50","ctx","webHandlers","OS","onMouseOver","onMouseOut","Provider","value","accessibilityState","undefined","container","create","flexDirection","alignItems","width","borderWidth","overflow","justifyContent","gap","xs","flexShrink","position","left","top","bottom","hairlineWidth","opacity","InputGroupBase","Object","assign"],"sourceRoot":"../../../src","sources":["input-group/InputGroup.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["InputGroup","Addon"],"sourceRoot":"../../../src","sources":["input-group/index.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,KAAK,QAAQ,iBAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["input-group/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo, useMemo } from 'react';
|
|
4
|
+
import { Pressable, StyleSheet, View } from 'react-native';
|
|
5
|
+
import { useTheme } from "../theme/use-theme.js";
|
|
6
|
+
import { useInteractionState } from "../hooks/useInteractionState.js";
|
|
7
|
+
import { Text } from "../typography/index.js";
|
|
8
|
+
import { borderRadius, fontSize, space } from "../styles/tokens.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const DENSITY = {
|
|
11
|
+
comfortable: {
|
|
12
|
+
paddingVertical: 10,
|
|
13
|
+
minHeight: 44
|
|
14
|
+
},
|
|
15
|
+
compact: {
|
|
16
|
+
paddingVertical: 6,
|
|
17
|
+
minHeight: 36
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* A generic list row — the building block shared by settings lists, menus,
|
|
23
|
+
* combobox/command option lists, etc. Leading + trailing slots flank a
|
|
24
|
+
* title/subtitle text column (or arbitrary `children`). Pressable when an
|
|
25
|
+
* `onPress` is supplied; otherwise a static container.
|
|
26
|
+
*/
|
|
27
|
+
const ItemComponent = function Item({
|
|
28
|
+
title,
|
|
29
|
+
subtitle,
|
|
30
|
+
children,
|
|
31
|
+
leading,
|
|
32
|
+
trailing,
|
|
33
|
+
onPress,
|
|
34
|
+
onLongPress,
|
|
35
|
+
disabled = false,
|
|
36
|
+
destructive = false,
|
|
37
|
+
selected = false,
|
|
38
|
+
active = false,
|
|
39
|
+
density = 'comfortable',
|
|
40
|
+
style,
|
|
41
|
+
titleStyle,
|
|
42
|
+
subtitleStyle,
|
|
43
|
+
accessibilityLabel,
|
|
44
|
+
accessibilityHint,
|
|
45
|
+
accessibilityRole,
|
|
46
|
+
role,
|
|
47
|
+
testID
|
|
48
|
+
}) {
|
|
49
|
+
const theme = useTheme();
|
|
50
|
+
const {
|
|
51
|
+
state: pressed,
|
|
52
|
+
onIn: onPressIn,
|
|
53
|
+
onOut: onPressOut
|
|
54
|
+
} = useInteractionState();
|
|
55
|
+
const titleColor = destructive ? theme.colors.error : theme.colors.text;
|
|
56
|
+
const cfg = DENSITY[density];
|
|
57
|
+
const containerStyle = useMemo(() => {
|
|
58
|
+
const base = {
|
|
59
|
+
flexDirection: 'row',
|
|
60
|
+
alignItems: 'center',
|
|
61
|
+
gap: space.md,
|
|
62
|
+
paddingHorizontal: space.lg,
|
|
63
|
+
paddingVertical: cfg.paddingVertical,
|
|
64
|
+
minHeight: cfg.minHeight,
|
|
65
|
+
borderRadius: borderRadius.sm
|
|
66
|
+
};
|
|
67
|
+
if (selected || active) {
|
|
68
|
+
base.backgroundColor = active ? theme.colors.primaryLight : theme.colors.backgroundSecondary;
|
|
69
|
+
}
|
|
70
|
+
return base;
|
|
71
|
+
}, [cfg, selected, active, theme]);
|
|
72
|
+
const body = children != null ? children : /*#__PURE__*/_jsxs(View, {
|
|
73
|
+
style: styles.textColumn,
|
|
74
|
+
children: [title != null ? typeof title === 'string' ? /*#__PURE__*/_jsx(Text, {
|
|
75
|
+
numberOfLines: 1,
|
|
76
|
+
style: [styles.title, {
|
|
77
|
+
color: titleColor
|
|
78
|
+
}, titleStyle],
|
|
79
|
+
children: title
|
|
80
|
+
}) : title : null, subtitle != null ? typeof subtitle === 'string' ? /*#__PURE__*/_jsx(Text, {
|
|
81
|
+
numberOfLines: 2,
|
|
82
|
+
style: [styles.subtitle, {
|
|
83
|
+
color: theme.colors.textSecondary
|
|
84
|
+
}, subtitleStyle],
|
|
85
|
+
children: subtitle
|
|
86
|
+
}) : subtitle : null]
|
|
87
|
+
});
|
|
88
|
+
const content = /*#__PURE__*/_jsxs(View, {
|
|
89
|
+
style: [containerStyle, style],
|
|
90
|
+
testID: testID,
|
|
91
|
+
children: [leading != null ? /*#__PURE__*/_jsx(View, {
|
|
92
|
+
style: styles.slot,
|
|
93
|
+
children: leading
|
|
94
|
+
}) : null, body, trailing != null ? /*#__PURE__*/_jsx(View, {
|
|
95
|
+
style: styles.slot,
|
|
96
|
+
children: trailing
|
|
97
|
+
}) : null]
|
|
98
|
+
});
|
|
99
|
+
if (onPress || onLongPress) {
|
|
100
|
+
const resolvedRole = accessibilityRole ?? 'button';
|
|
101
|
+
const handlePress = disabled || !onPress ? undefined : onPress;
|
|
102
|
+
const handleLongPress = disabled || !onLongPress ? undefined : onLongPress;
|
|
103
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
104
|
+
onPress: handlePress,
|
|
105
|
+
onLongPress: handleLongPress,
|
|
106
|
+
onPressIn: disabled ? undefined : onPressIn,
|
|
107
|
+
onPressOut: disabled ? undefined : onPressOut,
|
|
108
|
+
disabled: disabled,
|
|
109
|
+
android_ripple: {
|
|
110
|
+
color: theme.colors.border
|
|
111
|
+
},
|
|
112
|
+
accessibilityRole: resolvedRole,
|
|
113
|
+
...(role ? {
|
|
114
|
+
role
|
|
115
|
+
} : {}),
|
|
116
|
+
accessibilityLabel: accessibilityLabel ?? (typeof title === 'string' ? title : undefined),
|
|
117
|
+
accessibilityHint: accessibilityHint,
|
|
118
|
+
accessibilityState: {
|
|
119
|
+
disabled,
|
|
120
|
+
selected
|
|
121
|
+
},
|
|
122
|
+
style: [disabled && styles.disabled, pressed && !disabled && styles.pressed],
|
|
123
|
+
children: content
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
return /*#__PURE__*/_jsx(View, {
|
|
127
|
+
accessibilityRole: accessibilityRole ?? 'none',
|
|
128
|
+
...(role ? {
|
|
129
|
+
role
|
|
130
|
+
} : {}),
|
|
131
|
+
accessibilityLabel: accessibilityLabel ?? (typeof title === 'string' ? title : undefined),
|
|
132
|
+
accessibilityHint: accessibilityHint,
|
|
133
|
+
accessibilityState: disabled ? {
|
|
134
|
+
disabled: true
|
|
135
|
+
} : undefined,
|
|
136
|
+
style: disabled ? styles.disabled : undefined,
|
|
137
|
+
children: content
|
|
138
|
+
});
|
|
139
|
+
};
|
|
140
|
+
const styles = StyleSheet.create({
|
|
141
|
+
slot: {
|
|
142
|
+
alignItems: 'center',
|
|
143
|
+
justifyContent: 'center'
|
|
144
|
+
},
|
|
145
|
+
textColumn: {
|
|
146
|
+
flex: 1,
|
|
147
|
+
minWidth: 0
|
|
148
|
+
},
|
|
149
|
+
title: {
|
|
150
|
+
fontSize: fontSize.md,
|
|
151
|
+
fontWeight: '500',
|
|
152
|
+
lineHeight: fontSize.md * 1.3
|
|
153
|
+
},
|
|
154
|
+
subtitle: {
|
|
155
|
+
fontSize: fontSize.sm,
|
|
156
|
+
lineHeight: fontSize.sm * 1.3
|
|
157
|
+
},
|
|
158
|
+
disabled: {
|
|
159
|
+
opacity: 0.5
|
|
160
|
+
},
|
|
161
|
+
pressed: {
|
|
162
|
+
opacity: 0.6
|
|
163
|
+
}
|
|
164
|
+
});
|
|
165
|
+
export const Item = /*#__PURE__*/memo(ItemComponent);
|
|
166
|
+
Item.displayName = 'Item';
|
|
167
|
+
//# sourceMappingURL=Item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","useMemo","Pressable","StyleSheet","View","useTheme","useInteractionState","Text","borderRadius","fontSize","space","jsx","_jsx","jsxs","_jsxs","DENSITY","comfortable","paddingVertical","minHeight","compact","ItemComponent","Item","title","subtitle","children","leading","trailing","onPress","onLongPress","disabled","destructive","selected","active","density","style","titleStyle","subtitleStyle","accessibilityLabel","accessibilityHint","accessibilityRole","role","testID","theme","state","pressed","onIn","onPressIn","onOut","onPressOut","titleColor","colors","error","text","cfg","containerStyle","base","flexDirection","alignItems","gap","md","paddingHorizontal","lg","sm","backgroundColor","primaryLight","backgroundSecondary","body","styles","textColumn","numberOfLines","color","textSecondary","content","slot","resolvedRole","handlePress","undefined","handleLongPress","android_ripple","border","accessibilityState","create","justifyContent","flex","minWidth","fontWeight","lineHeight","opacity","displayName"],"sourceRoot":"../../../src","sources":["item/Item.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Item"],"sourceRoot":"../../../src","sources":["item/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,WAAQ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["item/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo } from 'react';
|
|
4
|
+
import { Platform, StyleSheet, View } from 'react-native';
|
|
5
|
+
import { useTheme } from "../theme/use-theme.js";
|
|
6
|
+
import { Text } from "../typography/index.js";
|
|
7
|
+
import { borderRadius } from "../styles/tokens.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
const SIZE_CONFIG = {
|
|
10
|
+
sm: {
|
|
11
|
+
minWidth: 18,
|
|
12
|
+
height: 18,
|
|
13
|
+
fontSize: 11,
|
|
14
|
+
paddingHorizontal: 4
|
|
15
|
+
},
|
|
16
|
+
md: {
|
|
17
|
+
minWidth: 22,
|
|
18
|
+
height: 22,
|
|
19
|
+
fontSize: 12,
|
|
20
|
+
paddingHorizontal: 6
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* A small keyboard-key chip. Bordered, monospace via the Bloom mono font
|
|
26
|
+
* token, themed for light/dark. Used to surface shortcuts (e.g. `⌘K`,
|
|
27
|
+
* `Esc`) inside menus, command palettes and tooltips.
|
|
28
|
+
*/
|
|
29
|
+
const KbdComponent = function Kbd({
|
|
30
|
+
children,
|
|
31
|
+
size = 'md',
|
|
32
|
+
style,
|
|
33
|
+
textStyle,
|
|
34
|
+
testID
|
|
35
|
+
}) {
|
|
36
|
+
const theme = useTheme();
|
|
37
|
+
const cfg = SIZE_CONFIG[size];
|
|
38
|
+
const monoFamily = Platform.OS === 'web' ? {
|
|
39
|
+
fontFamily: 'var(--bloom-font-mono)'
|
|
40
|
+
} : {
|
|
41
|
+
fontFamily: 'Geist Mono'
|
|
42
|
+
};
|
|
43
|
+
return /*#__PURE__*/_jsx(View, {
|
|
44
|
+
testID: testID,
|
|
45
|
+
style: [styles.container, {
|
|
46
|
+
minWidth: cfg.minWidth,
|
|
47
|
+
height: cfg.height,
|
|
48
|
+
paddingHorizontal: cfg.paddingHorizontal,
|
|
49
|
+
backgroundColor: theme.colors.backgroundSecondary,
|
|
50
|
+
borderColor: theme.colors.border
|
|
51
|
+
}, style],
|
|
52
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
53
|
+
numberOfLines: 1,
|
|
54
|
+
style: [monoFamily, {
|
|
55
|
+
fontSize: cfg.fontSize,
|
|
56
|
+
lineHeight: cfg.height,
|
|
57
|
+
color: theme.colors.textSecondary,
|
|
58
|
+
textAlign: 'center'
|
|
59
|
+
}, textStyle],
|
|
60
|
+
children: children
|
|
61
|
+
})
|
|
62
|
+
});
|
|
63
|
+
};
|
|
64
|
+
const styles = StyleSheet.create({
|
|
65
|
+
container: {
|
|
66
|
+
borderWidth: 1,
|
|
67
|
+
borderRadius: borderRadius.xs,
|
|
68
|
+
alignItems: 'center',
|
|
69
|
+
justifyContent: 'center'
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
export const Kbd = /*#__PURE__*/memo(KbdComponent);
|
|
73
|
+
Kbd.displayName = 'Kbd';
|
|
74
|
+
//# sourceMappingURL=Kbd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","memo","Platform","StyleSheet","View","useTheme","Text","borderRadius","jsx","_jsx","SIZE_CONFIG","sm","minWidth","height","fontSize","paddingHorizontal","md","KbdComponent","Kbd","children","size","style","textStyle","testID","theme","cfg","monoFamily","OS","fontFamily","styles","container","backgroundColor","colors","backgroundSecondary","borderColor","border","numberOfLines","lineHeight","color","textSecondary","textAlign","create","borderWidth","xs","alignItems","justifyContent","displayName"],"sourceRoot":"../../../src","sources":["kbd/Kbd.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAEzE,SAASC,QAAQ,QAAQ,uBAAoB;AAC7C,SAASC,IAAI,QAAQ,wBAAe;AACpC,SAASC,YAAY,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,MAAMC,WAAW,GAAG;EAClBC,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,iBAAiB,EAAE;EAAE,CAAC;EACpEC,EAAE,EAAE;IAAEJ,QAAQ,EAAE,EAAE;IAAEC,MAAM,EAAE,EAAE;IAAEC,QAAQ,EAAE,EAAE;IAAEC,iBAAiB,EAAE;EAAE;AACrE,CAAU;;AAEV;AACA;AACA;AACA;AACA;AACA,MAAME,YAAY,GAAG,SAASC,GAAGA,CAAC;EAChCC,QAAQ;EACRC,IAAI,GAAG,IAAI;EACXC,KAAK;EACLC,SAAS;EACTC;AACQ,CAAC,EAAE;EACX,MAAMC,KAAK,GAAGnB,QAAQ,CAAC,CAAC;EACxB,MAAMoB,GAAG,GAAGf,WAAW,CAACU,IAAI,CAAC;EAE7B,MAAMM,UAAqB,GACzBxB,QAAQ,CAACyB,EAAE,KAAK,KAAK,GACjB;IAAEC,UAAU,EAAE;EAAyB,CAAC,GACxC;IAAEA,UAAU,EAAE;EAAa,CAAC;EAElC,oBACEnB,IAAA,CAACL,IAAI;IACHmB,MAAM,EAAEA,MAAO;IACfF,KAAK,EAAE,CACLQ,MAAM,CAACC,SAAS,EAChB;MACElB,QAAQ,EAAEa,GAAG,CAACb,QAAQ;MACtBC,MAAM,EAAEY,GAAG,CAACZ,MAAM;MAClBE,iBAAiB,EAAEU,GAAG,CAACV,iBAAiB;MACxCgB,eAAe,EAAEP,KAAK,CAACQ,MAAM,CAACC,mBAAmB;MACjDC,WAAW,EAAEV,KAAK,CAACQ,MAAM,CAACG;IAC5B,CAAC,EACDd,KAAK,CACL;IAAAF,QAAA,eACFV,IAAA,CAACH,IAAI;MACH8B,aAAa,EAAE,CAAE;MACjBf,KAAK,EAAE,CACLK,UAAU,EACV;QACEZ,QAAQ,EAAEW,GAAG,CAACX,QAAQ;QACtBuB,UAAU,EAAEZ,GAAG,CAACZ,MAAM;QACtByB,KAAK,EAAEd,KAAK,CAACQ,MAAM,CAACO,aAAa;QACjCC,SAAS,EAAE;MACb,CAAC,EACDlB,SAAS,CACT;MAAAH,QAAA,EACDA;IAAQ,CACL;EAAC,CACH,CAAC;AAEX,CAAC;AAED,MAAMU,MAAM,GAAG1B,UAAU,CAACsC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,WAAW,EAAE,CAAC;IACdnC,YAAY,EAAEA,YAAY,CAACoC,EAAE;IAC7BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,OAAO,MAAM3B,GAAG,gBAAGjB,IAAI,CAACgB,YAAY,CAAC;AACrCC,GAAG,CAAC4B,WAAW,GAAG,KAAK","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Kbd"],"sourceRoot":"../../../src","sources":["kbd/index.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,UAAO","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["kbd/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { memo } from 'react';
|
|
4
|
+
import { Platform } from 'react-native';
|
|
5
|
+
import { useTheme } from "../theme/use-theme.js";
|
|
6
|
+
import { Text } from "../typography/index.js";
|
|
7
|
+
import { atoms as a } from "../styles/index.js";
|
|
8
|
+
import { fontSize } from "../styles/tokens.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
const SIZE_FONT = {
|
|
11
|
+
xs: fontSize.xs,
|
|
12
|
+
sm: fontSize.sm,
|
|
13
|
+
md: fontSize.md
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Themed form label. A thin wrapper over Bloom's `Text` that applies the
|
|
18
|
+
* label typography (medium weight, secondary color) and optionally renders a
|
|
19
|
+
* required marker. On web it forwards `htmlFor` so a click focuses the
|
|
20
|
+
* associated control.
|
|
21
|
+
*/
|
|
22
|
+
const LabelComponent = function Label({
|
|
23
|
+
children,
|
|
24
|
+
nativeID,
|
|
25
|
+
htmlFor,
|
|
26
|
+
required = false,
|
|
27
|
+
disabled = false,
|
|
28
|
+
size = 'sm',
|
|
29
|
+
style,
|
|
30
|
+
testID
|
|
31
|
+
}) {
|
|
32
|
+
const theme = useTheme();
|
|
33
|
+
const webProps = Platform.OS === 'web' ? {
|
|
34
|
+
htmlFor: htmlFor ?? nativeID
|
|
35
|
+
} : {};
|
|
36
|
+
return /*#__PURE__*/_jsxs(Text, {
|
|
37
|
+
...webProps,
|
|
38
|
+
nativeID: nativeID,
|
|
39
|
+
testID: testID,
|
|
40
|
+
style: [a.font_medium, a.mb_sm, {
|
|
41
|
+
fontSize: SIZE_FONT[size],
|
|
42
|
+
color: disabled ? theme.colors.textTertiary : theme.colors.textSecondary
|
|
43
|
+
}, style],
|
|
44
|
+
children: [children, required ? /*#__PURE__*/_jsx(Text, {
|
|
45
|
+
accessibilityLabel: "required",
|
|
46
|
+
style: {
|
|
47
|
+
color: theme.colors.negative
|
|
48
|
+
},
|
|
49
|
+
children: ' *'
|
|
50
|
+
}) : null]
|
|
51
|
+
});
|
|
52
|
+
};
|
|
53
|
+
export const Label = /*#__PURE__*/memo(LabelComponent);
|
|
54
|
+
Label.displayName = 'Label';
|
|
55
|
+
//# sourceMappingURL=Label.js.map
|