orn-ui 0.1.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/README.md +107 -0
- package/bin/orn-ui.mjs +228 -0
- package/lib/commonjs/atoms/Avatar.js +42 -0
- package/lib/commonjs/atoms/Avatar.js.map +1 -0
- package/lib/commonjs/atoms/Badge.js +82 -0
- package/lib/commonjs/atoms/Badge.js.map +1 -0
- package/lib/commonjs/atoms/Button.js +222 -0
- package/lib/commonjs/atoms/Button.js.map +1 -0
- package/lib/commonjs/atoms/Card.js +33 -0
- package/lib/commonjs/atoms/Card.js.map +1 -0
- package/lib/commonjs/atoms/Checkbox.js +107 -0
- package/lib/commonjs/atoms/Checkbox.js.map +1 -0
- package/lib/commonjs/atoms/Divider.js +27 -0
- package/lib/commonjs/atoms/Divider.js.map +1 -0
- package/lib/commonjs/atoms/EmptyState.js +69 -0
- package/lib/commonjs/atoms/EmptyState.js.map +1 -0
- package/lib/commonjs/atoms/Fab.js +62 -0
- package/lib/commonjs/atoms/Fab.js.map +1 -0
- package/lib/commonjs/atoms/IconButton.js +60 -0
- package/lib/commonjs/atoms/IconButton.js.map +1 -0
- package/lib/commonjs/atoms/Image.js +113 -0
- package/lib/commonjs/atoms/Image.js.map +1 -0
- package/lib/commonjs/atoms/Input.js +173 -0
- package/lib/commonjs/atoms/Input.js.map +1 -0
- package/lib/commonjs/atoms/KeyValueRow.js +60 -0
- package/lib/commonjs/atoms/KeyValueRow.js.map +1 -0
- package/lib/commonjs/atoms/PressableScale.js +60 -0
- package/lib/commonjs/atoms/PressableScale.js.map +1 -0
- package/lib/commonjs/atoms/Spinner.js +156 -0
- package/lib/commonjs/atoms/Spinner.js.map +1 -0
- package/lib/commonjs/atoms/Text.js +63 -0
- package/lib/commonjs/atoms/Text.js.map +1 -0
- package/lib/commonjs/atoms/index.js +135 -0
- package/lib/commonjs/atoms/index.js.map +1 -0
- package/lib/commonjs/icons/Icon.js +40 -0
- package/lib/commonjs/icons/Icon.js.map +1 -0
- package/lib/commonjs/icons/defaultIcons.js +386 -0
- package/lib/commonjs/icons/defaultIcons.js.map +1 -0
- package/lib/commonjs/icons/index.js +20 -0
- package/lib/commonjs/icons/index.js.map +1 -0
- package/lib/commonjs/icons/types.js +6 -0
- package/lib/commonjs/icons/types.js.map +1 -0
- package/lib/commonjs/index.js +61 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/molecules/AvatarHeader.js +87 -0
- package/lib/commonjs/molecules/AvatarHeader.js.map +1 -0
- package/lib/commonjs/molecules/FormActions.js +47 -0
- package/lib/commonjs/molecules/FormActions.js.map +1 -0
- package/lib/commonjs/molecules/InfoRow.js +83 -0
- package/lib/commonjs/molecules/InfoRow.js.map +1 -0
- package/lib/commonjs/molecules/OptionCard.js +98 -0
- package/lib/commonjs/molecules/OptionCard.js.map +1 -0
- package/lib/commonjs/molecules/Stepper.js +104 -0
- package/lib/commonjs/molecules/Stepper.js.map +1 -0
- package/lib/commonjs/molecules/Steps.js +220 -0
- package/lib/commonjs/molecules/Steps.js.map +1 -0
- package/lib/commonjs/molecules/ThemeToggle.js +91 -0
- package/lib/commonjs/molecules/ThemeToggle.js.map +1 -0
- package/lib/commonjs/molecules/index.js +55 -0
- package/lib/commonjs/molecules/index.js.map +1 -0
- package/lib/commonjs/organisms/Alert.js +223 -0
- package/lib/commonjs/organisms/Alert.js.map +1 -0
- package/lib/commonjs/organisms/AlertProvider.js +109 -0
- package/lib/commonjs/organisms/AlertProvider.js.map +1 -0
- package/lib/commonjs/organisms/BottomSheet.js +154 -0
- package/lib/commonjs/organisms/BottomSheet.js.map +1 -0
- package/lib/commonjs/organisms/DateField.js +147 -0
- package/lib/commonjs/organisms/DateField.js.map +1 -0
- package/lib/commonjs/organisms/DatePicker.js +253 -0
- package/lib/commonjs/organisms/DatePicker.js.map +1 -0
- package/lib/commonjs/organisms/List.js +143 -0
- package/lib/commonjs/organisms/List.js.map +1 -0
- package/lib/commonjs/organisms/Modal.js +286 -0
- package/lib/commonjs/organisms/Modal.js.map +1 -0
- package/lib/commonjs/organisms/Screen.js +75 -0
- package/lib/commonjs/organisms/Screen.js.map +1 -0
- package/lib/commonjs/organisms/SearchList.js +180 -0
- package/lib/commonjs/organisms/SearchList.js.map +1 -0
- package/lib/commonjs/organisms/Select.js +178 -0
- package/lib/commonjs/organisms/Select.js.map +1 -0
- package/lib/commonjs/organisms/Toast.js +157 -0
- package/lib/commonjs/organisms/Toast.js.map +1 -0
- package/lib/commonjs/organisms/ToastProvider.js +131 -0
- package/lib/commonjs/organisms/ToastProvider.js.map +1 -0
- package/lib/commonjs/organisms/Wizard.js +116 -0
- package/lib/commonjs/organisms/Wizard.js.map +1 -0
- package/lib/commonjs/organisms/index.js +127 -0
- package/lib/commonjs/organisms/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/theme/UIProvider.js +110 -0
- package/lib/commonjs/theme/UIProvider.js.map +1 -0
- package/lib/commonjs/theme/createStyles.js +42 -0
- package/lib/commonjs/theme/createStyles.js.map +1 -0
- package/lib/commonjs/theme/createTheme.js +50 -0
- package/lib/commonjs/theme/createTheme.js.map +1 -0
- package/lib/commonjs/theme/index.js +151 -0
- package/lib/commonjs/theme/index.js.map +1 -0
- package/lib/commonjs/theme/insets.js +15 -0
- package/lib/commonjs/theme/insets.js.map +1 -0
- package/lib/commonjs/theme/labels.js +18 -0
- package/lib/commonjs/theme/labels.js.map +1 -0
- package/lib/commonjs/theme/palettes.js +42 -0
- package/lib/commonjs/theme/palettes.js.map +1 -0
- package/lib/commonjs/theme/tokens.js +120 -0
- package/lib/commonjs/theme/tokens.js.map +1 -0
- package/lib/commonjs/theme/types.js +6 -0
- package/lib/commonjs/theme/types.js.map +1 -0
- package/lib/module/atoms/Avatar.js +37 -0
- package/lib/module/atoms/Avatar.js.map +1 -0
- package/lib/module/atoms/Badge.js +77 -0
- package/lib/module/atoms/Badge.js.map +1 -0
- package/lib/module/atoms/Button.js +217 -0
- package/lib/module/atoms/Button.js.map +1 -0
- package/lib/module/atoms/Card.js +28 -0
- package/lib/module/atoms/Card.js.map +1 -0
- package/lib/module/atoms/Checkbox.js +102 -0
- package/lib/module/atoms/Checkbox.js.map +1 -0
- package/lib/module/atoms/Divider.js +22 -0
- package/lib/module/atoms/Divider.js.map +1 -0
- package/lib/module/atoms/EmptyState.js +64 -0
- package/lib/module/atoms/EmptyState.js.map +1 -0
- package/lib/module/atoms/Fab.js +57 -0
- package/lib/module/atoms/Fab.js.map +1 -0
- package/lib/module/atoms/IconButton.js +55 -0
- package/lib/module/atoms/IconButton.js.map +1 -0
- package/lib/module/atoms/Image.js +108 -0
- package/lib/module/atoms/Image.js.map +1 -0
- package/lib/module/atoms/Input.js +168 -0
- package/lib/module/atoms/Input.js.map +1 -0
- package/lib/module/atoms/KeyValueRow.js +55 -0
- package/lib/module/atoms/KeyValueRow.js.map +1 -0
- package/lib/module/atoms/PressableScale.js +55 -0
- package/lib/module/atoms/PressableScale.js.map +1 -0
- package/lib/module/atoms/Spinner.js +151 -0
- package/lib/module/atoms/Spinner.js.map +1 -0
- package/lib/module/atoms/Text.js +58 -0
- package/lib/module/atoms/Text.js.map +1 -0
- package/lib/module/atoms/index.js +18 -0
- package/lib/module/atoms/index.js.map +1 -0
- package/lib/module/icons/Icon.js +35 -0
- package/lib/module/icons/Icon.js.map +1 -0
- package/lib/module/icons/defaultIcons.js +381 -0
- package/lib/module/icons/defaultIcons.js.map +1 -0
- package/lib/module/icons/index.js +5 -0
- package/lib/module/icons/index.js.map +1 -0
- package/lib/module/icons/types.js +4 -0
- package/lib/module/icons/types.js.map +1 -0
- package/lib/module/index.js +8 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/molecules/AvatarHeader.js +82 -0
- package/lib/module/molecules/AvatarHeader.js.map +1 -0
- package/lib/module/molecules/FormActions.js +42 -0
- package/lib/module/molecules/FormActions.js.map +1 -0
- package/lib/module/molecules/InfoRow.js +78 -0
- package/lib/module/molecules/InfoRow.js.map +1 -0
- package/lib/module/molecules/OptionCard.js +93 -0
- package/lib/module/molecules/OptionCard.js.map +1 -0
- package/lib/module/molecules/Stepper.js +99 -0
- package/lib/module/molecules/Stepper.js.map +1 -0
- package/lib/module/molecules/Steps.js +215 -0
- package/lib/module/molecules/Steps.js.map +1 -0
- package/lib/module/molecules/ThemeToggle.js +86 -0
- package/lib/module/molecules/ThemeToggle.js.map +1 -0
- package/lib/module/molecules/index.js +10 -0
- package/lib/module/molecules/index.js.map +1 -0
- package/lib/module/organisms/Alert.js +218 -0
- package/lib/module/organisms/Alert.js.map +1 -0
- package/lib/module/organisms/AlertProvider.js +103 -0
- package/lib/module/organisms/AlertProvider.js.map +1 -0
- package/lib/module/organisms/BottomSheet.js +149 -0
- package/lib/module/organisms/BottomSheet.js.map +1 -0
- package/lib/module/organisms/DateField.js +142 -0
- package/lib/module/organisms/DateField.js.map +1 -0
- package/lib/module/organisms/DatePicker.js +247 -0
- package/lib/module/organisms/DatePicker.js.map +1 -0
- package/lib/module/organisms/List.js +138 -0
- package/lib/module/organisms/List.js.map +1 -0
- package/lib/module/organisms/Modal.js +281 -0
- package/lib/module/organisms/Modal.js.map +1 -0
- package/lib/module/organisms/Screen.js +70 -0
- package/lib/module/organisms/Screen.js.map +1 -0
- package/lib/module/organisms/SearchList.js +175 -0
- package/lib/module/organisms/SearchList.js.map +1 -0
- package/lib/module/organisms/Select.js +173 -0
- package/lib/module/organisms/Select.js.map +1 -0
- package/lib/module/organisms/Toast.js +152 -0
- package/lib/module/organisms/Toast.js.map +1 -0
- package/lib/module/organisms/ToastProvider.js +125 -0
- package/lib/module/organisms/ToastProvider.js.map +1 -0
- package/lib/module/organisms/Wizard.js +111 -0
- package/lib/module/organisms/Wizard.js.map +1 -0
- package/lib/module/organisms/index.js +16 -0
- package/lib/module/organisms/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/theme/UIProvider.js +97 -0
- package/lib/module/theme/UIProvider.js.map +1 -0
- package/lib/module/theme/createStyles.js +38 -0
- package/lib/module/theme/createStyles.js.map +1 -0
- package/lib/module/theme/createTheme.js +45 -0
- package/lib/module/theme/createTheme.js.map +1 -0
- package/lib/module/theme/index.js +10 -0
- package/lib/module/theme/index.js.map +1 -0
- package/lib/module/theme/insets.js +11 -0
- package/lib/module/theme/insets.js.map +1 -0
- package/lib/module/theme/labels.js +14 -0
- package/lib/module/theme/labels.js.map +1 -0
- package/lib/module/theme/palettes.js +38 -0
- package/lib/module/theme/palettes.js.map +1 -0
- package/lib/module/theme/tokens.js +117 -0
- package/lib/module/theme/tokens.js.map +1 -0
- package/lib/module/theme/types.js +4 -0
- package/lib/module/theme/types.js.map +1 -0
- package/lib/typescript/atoms/Avatar.d.ts +15 -0
- package/lib/typescript/atoms/Avatar.d.ts.map +1 -0
- package/lib/typescript/atoms/Badge.d.ts +19 -0
- package/lib/typescript/atoms/Badge.d.ts.map +1 -0
- package/lib/typescript/atoms/Button.d.ts +30 -0
- package/lib/typescript/atoms/Button.d.ts.map +1 -0
- package/lib/typescript/atoms/Card.d.ts +8 -0
- package/lib/typescript/atoms/Card.d.ts.map +1 -0
- package/lib/typescript/atoms/Checkbox.d.ts +11 -0
- package/lib/typescript/atoms/Checkbox.d.ts.map +1 -0
- package/lib/typescript/atoms/Divider.d.ts +8 -0
- package/lib/typescript/atoms/Divider.d.ts.map +1 -0
- package/lib/typescript/atoms/EmptyState.d.ts +12 -0
- package/lib/typescript/atoms/EmptyState.d.ts.map +1 -0
- package/lib/typescript/atoms/Fab.d.ts +22 -0
- package/lib/typescript/atoms/Fab.d.ts.map +1 -0
- package/lib/typescript/atoms/IconButton.d.ts +23 -0
- package/lib/typescript/atoms/IconButton.d.ts.map +1 -0
- package/lib/typescript/atoms/Image.d.ts +45 -0
- package/lib/typescript/atoms/Image.d.ts.map +1 -0
- package/lib/typescript/atoms/Input.d.ts +24 -0
- package/lib/typescript/atoms/Input.d.ts.map +1 -0
- package/lib/typescript/atoms/KeyValueRow.d.ts +17 -0
- package/lib/typescript/atoms/KeyValueRow.d.ts.map +1 -0
- package/lib/typescript/atoms/PressableScale.d.ts +15 -0
- package/lib/typescript/atoms/PressableScale.d.ts.map +1 -0
- package/lib/typescript/atoms/Spinner.d.ts +20 -0
- package/lib/typescript/atoms/Spinner.d.ts.map +1 -0
- package/lib/typescript/atoms/Text.d.ts +13 -0
- package/lib/typescript/atoms/Text.d.ts.map +1 -0
- package/lib/typescript/atoms/index.d.ts +31 -0
- package/lib/typescript/atoms/index.d.ts.map +1 -0
- package/lib/typescript/icons/Icon.d.ts +18 -0
- package/lib/typescript/icons/Icon.d.ts.map +1 -0
- package/lib/typescript/icons/defaultIcons.d.ts +5 -0
- package/lib/typescript/icons/defaultIcons.d.ts.map +1 -0
- package/lib/typescript/icons/index.d.ts +5 -0
- package/lib/typescript/icons/index.d.ts.map +1 -0
- package/lib/typescript/icons/types.d.ts +10 -0
- package/lib/typescript/icons/types.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +6 -0
- package/lib/typescript/index.d.ts.map +1 -0
- package/lib/typescript/molecules/AvatarHeader.d.ts +20 -0
- package/lib/typescript/molecules/AvatarHeader.d.ts.map +1 -0
- package/lib/typescript/molecules/FormActions.d.ts +21 -0
- package/lib/typescript/molecules/FormActions.d.ts.map +1 -0
- package/lib/typescript/molecules/InfoRow.d.ts +17 -0
- package/lib/typescript/molecules/InfoRow.d.ts.map +1 -0
- package/lib/typescript/molecules/OptionCard.d.ts +20 -0
- package/lib/typescript/molecules/OptionCard.d.ts.map +1 -0
- package/lib/typescript/molecules/Stepper.d.ts +15 -0
- package/lib/typescript/molecules/Stepper.d.ts.map +1 -0
- package/lib/typescript/molecules/Steps.d.ts +29 -0
- package/lib/typescript/molecules/Steps.d.ts.map +1 -0
- package/lib/typescript/molecules/ThemeToggle.d.ts +15 -0
- package/lib/typescript/molecules/ThemeToggle.d.ts.map +1 -0
- package/lib/typescript/molecules/index.d.ts +15 -0
- package/lib/typescript/molecules/index.d.ts.map +1 -0
- package/lib/typescript/organisms/Alert.d.ts +29 -0
- package/lib/typescript/organisms/Alert.d.ts.map +1 -0
- package/lib/typescript/organisms/AlertProvider.d.ts +32 -0
- package/lib/typescript/organisms/AlertProvider.d.ts.map +1 -0
- package/lib/typescript/organisms/BottomSheet.d.ts +15 -0
- package/lib/typescript/organisms/BottomSheet.d.ts.map +1 -0
- package/lib/typescript/organisms/DateField.d.ts +26 -0
- package/lib/typescript/organisms/DateField.d.ts.map +1 -0
- package/lib/typescript/organisms/DatePicker.d.ts +49 -0
- package/lib/typescript/organisms/DatePicker.d.ts.map +1 -0
- package/lib/typescript/organisms/List.d.ts +35 -0
- package/lib/typescript/organisms/List.d.ts.map +1 -0
- package/lib/typescript/organisms/Modal.d.ts +25 -0
- package/lib/typescript/organisms/Modal.d.ts.map +1 -0
- package/lib/typescript/organisms/Screen.d.ts +26 -0
- package/lib/typescript/organisms/Screen.d.ts.map +1 -0
- package/lib/typescript/organisms/SearchList.d.ts +40 -0
- package/lib/typescript/organisms/SearchList.d.ts.map +1 -0
- package/lib/typescript/organisms/Select.d.ts +25 -0
- package/lib/typescript/organisms/Select.d.ts.map +1 -0
- package/lib/typescript/organisms/Toast.d.ts +28 -0
- package/lib/typescript/organisms/Toast.d.ts.map +1 -0
- package/lib/typescript/organisms/ToastProvider.d.ts +36 -0
- package/lib/typescript/organisms/ToastProvider.d.ts.map +1 -0
- package/lib/typescript/organisms/Wizard.d.ts +40 -0
- package/lib/typescript/organisms/Wizard.d.ts.map +1 -0
- package/lib/typescript/organisms/index.d.ts +27 -0
- package/lib/typescript/organisms/index.d.ts.map +1 -0
- package/lib/typescript/theme/UIProvider.d.ts +47 -0
- package/lib/typescript/theme/UIProvider.d.ts.map +1 -0
- package/lib/typescript/theme/createStyles.d.ts +21 -0
- package/lib/typescript/theme/createStyles.d.ts.map +1 -0
- package/lib/typescript/theme/createTheme.d.ts +9 -0
- package/lib/typescript/theme/createTheme.d.ts.map +1 -0
- package/lib/typescript/theme/index.d.ts +14 -0
- package/lib/typescript/theme/index.d.ts.map +1 -0
- package/lib/typescript/theme/insets.d.ts +9 -0
- package/lib/typescript/theme/insets.d.ts.map +1 -0
- package/lib/typescript/theme/labels.d.ts +13 -0
- package/lib/typescript/theme/labels.d.ts.map +1 -0
- package/lib/typescript/theme/palettes.d.ts +24 -0
- package/lib/typescript/theme/palettes.d.ts.map +1 -0
- package/lib/typescript/theme/tokens.d.ts +41 -0
- package/lib/typescript/theme/tokens.d.ts.map +1 -0
- package/lib/typescript/theme/types.d.ts +24 -0
- package/lib/typescript/theme/types.d.ts.map +1 -0
- package/package.json +311 -0
- package/registry/alert-provider.json +21 -0
- package/registry/alert.json +19 -0
- package/registry/avatar-header.json +18 -0
- package/registry/avatar.json +18 -0
- package/registry/badge.json +18 -0
- package/registry/bottom-sheet.json +18 -0
- package/registry/button.json +18 -0
- package/registry/card.json +18 -0
- package/registry/checkbox.json +18 -0
- package/registry/core.json +64 -0
- package/registry/date-field.json +24 -0
- package/registry/date-picker.json +23 -0
- package/registry/divider.json +18 -0
- package/registry/empty-state.json +18 -0
- package/registry/fab.json +19 -0
- package/registry/form-actions.json +19 -0
- package/registry/icon-button.json +19 -0
- package/registry/image.json +20 -0
- package/registry/index.json +465 -0
- package/registry/info-row.json +19 -0
- package/registry/input.json +18 -0
- package/registry/key-value-row.json +18 -0
- package/registry/list.json +20 -0
- package/registry/manifest.json +263 -0
- package/registry/modal.json +21 -0
- package/registry/option-card.json +18 -0
- package/registry/pressable-scale.json +18 -0
- package/registry/screen.json +18 -0
- package/registry/search-list.json +23 -0
- package/registry/select.json +18 -0
- package/registry/spinner.json +18 -0
- package/registry/stepper.json +18 -0
- package/registry/steps.json +18 -0
- package/registry/theme-toggle.json +18 -0
- package/registry/title.json +21 -0
- package/registry/toast-provider.json +20 -0
- package/registry/toast.json +18 -0
- package/registry/wizard.json +20 -0
- package/src/atoms/Avatar.tsx +40 -0
- package/src/atoms/Badge.tsx +55 -0
- package/src/atoms/Button.tsx +186 -0
- package/src/atoms/Card.tsx +27 -0
- package/src/atoms/Checkbox.tsx +75 -0
- package/src/atoms/Divider.tsx +14 -0
- package/src/atoms/EmptyState.tsx +60 -0
- package/src/atoms/Fab.tsx +63 -0
- package/src/atoms/IconButton.tsx +53 -0
- package/src/atoms/Image.tsx +137 -0
- package/src/atoms/Input.tsx +166 -0
- package/src/atoms/KeyValueRow.tsx +48 -0
- package/src/atoms/PressableScale.tsx +52 -0
- package/src/atoms/Spinner.tsx +127 -0
- package/src/atoms/Text.tsx +58 -0
- package/src/atoms/index.ts +30 -0
- package/src/icons/Icon.tsx +27 -0
- package/src/icons/defaultIcons.tsx +292 -0
- package/src/icons/index.ts +4 -0
- package/src/icons/types.ts +27 -0
- package/src/index.ts +5 -0
- package/src/molecules/AvatarHeader.tsx +69 -0
- package/src/molecules/FormActions.tsx +52 -0
- package/src/molecules/InfoRow.tsx +52 -0
- package/src/molecules/OptionCard.tsx +82 -0
- package/src/molecules/Stepper.tsx +76 -0
- package/src/molecules/Steps.tsx +198 -0
- package/src/molecules/ThemeToggle.tsx +67 -0
- package/src/molecules/index.ts +14 -0
- package/src/organisms/Alert.tsx +162 -0
- package/src/organisms/AlertProvider.tsx +125 -0
- package/src/organisms/BottomSheet.tsx +95 -0
- package/src/organisms/DateField.tsx +134 -0
- package/src/organisms/DatePicker.tsx +255 -0
- package/src/organisms/List.tsx +154 -0
- package/src/organisms/Modal.tsx +251 -0
- package/src/organisms/Screen.tsx +84 -0
- package/src/organisms/SearchList.tsx +186 -0
- package/src/organisms/Select.tsx +156 -0
- package/src/organisms/Toast.tsx +135 -0
- package/src/organisms/ToastProvider.tsx +166 -0
- package/src/organisms/Wizard.tsx +137 -0
- package/src/organisms/index.ts +26 -0
- package/src/theme/UIProvider.tsx +129 -0
- package/src/theme/createStyles.ts +40 -0
- package/src/theme/createTheme.ts +49 -0
- package/src/theme/index.ts +22 -0
- package/src/theme/insets.ts +9 -0
- package/src/theme/labels.ts +23 -0
- package/src/theme/palettes.ts +53 -0
- package/src/theme/tokens.ts +113 -0
- package/src/theme/types.ts +27 -0
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Button = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _createStyles = require("../theme/createStyles");
|
|
10
|
+
var _UIProvider = require("../theme/UIProvider");
|
|
11
|
+
var _Icon = require("../icons/Icon");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
|
|
15
|
+
const useStyles = (0, _createStyles.createStyles)(theme => ({
|
|
16
|
+
base: {
|
|
17
|
+
flexDirection: 'row',
|
|
18
|
+
alignItems: 'center',
|
|
19
|
+
justifyContent: 'center',
|
|
20
|
+
borderRadius: theme.tokens.radius.lg,
|
|
21
|
+
borderWidth: 0
|
|
22
|
+
},
|
|
23
|
+
sm: {
|
|
24
|
+
paddingVertical: theme.tokens.spacing.sm,
|
|
25
|
+
paddingHorizontal: theme.tokens.spacing.md
|
|
26
|
+
},
|
|
27
|
+
md: {
|
|
28
|
+
paddingVertical: theme.tokens.spacing.lg - 1,
|
|
29
|
+
paddingHorizontal: theme.tokens.spacing.xl
|
|
30
|
+
},
|
|
31
|
+
lg: {
|
|
32
|
+
paddingVertical: theme.tokens.spacing.lg + 2,
|
|
33
|
+
paddingHorizontal: theme.tokens.spacing.xxl
|
|
34
|
+
},
|
|
35
|
+
link: {
|
|
36
|
+
paddingVertical: theme.tokens.spacing.xs,
|
|
37
|
+
paddingHorizontal: 0,
|
|
38
|
+
justifyContent: 'flex-start'
|
|
39
|
+
},
|
|
40
|
+
outline: {
|
|
41
|
+
borderWidth: 1
|
|
42
|
+
},
|
|
43
|
+
filledShadow: {
|
|
44
|
+
...theme.tokens.shadow.md,
|
|
45
|
+
shadowColor: '#000'
|
|
46
|
+
},
|
|
47
|
+
text: {
|
|
48
|
+
fontWeight: theme.tokens.fontWeight.semibold,
|
|
49
|
+
textAlign: 'center'
|
|
50
|
+
},
|
|
51
|
+
textSm: {
|
|
52
|
+
fontSize: theme.tokens.fontSize.sm
|
|
53
|
+
},
|
|
54
|
+
textMd: {
|
|
55
|
+
fontSize: theme.tokens.fontSize.lg
|
|
56
|
+
},
|
|
57
|
+
textLg: {
|
|
58
|
+
fontSize: theme.tokens.fontSize.xl
|
|
59
|
+
},
|
|
60
|
+
underline: {
|
|
61
|
+
textDecorationLine: 'underline'
|
|
62
|
+
},
|
|
63
|
+
iconLeft: {
|
|
64
|
+
marginRight: theme.tokens.spacing.sm
|
|
65
|
+
},
|
|
66
|
+
iconRight: {
|
|
67
|
+
marginLeft: theme.tokens.spacing.sm
|
|
68
|
+
}
|
|
69
|
+
}));
|
|
70
|
+
function resolveColors(variant, disabled, colors) {
|
|
71
|
+
if (disabled) {
|
|
72
|
+
return {
|
|
73
|
+
background: colors.inputBackground,
|
|
74
|
+
text: colors.textLight,
|
|
75
|
+
border: 'transparent'
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
switch (variant) {
|
|
79
|
+
case 'outline':
|
|
80
|
+
return {
|
|
81
|
+
background: 'transparent',
|
|
82
|
+
text: colors.primary,
|
|
83
|
+
border: colors.primary
|
|
84
|
+
};
|
|
85
|
+
case 'ghost':
|
|
86
|
+
return {
|
|
87
|
+
background: 'transparent',
|
|
88
|
+
text: colors.primary,
|
|
89
|
+
border: 'transparent'
|
|
90
|
+
};
|
|
91
|
+
case 'link':
|
|
92
|
+
return {
|
|
93
|
+
background: 'transparent',
|
|
94
|
+
text: colors.primary,
|
|
95
|
+
border: 'transparent'
|
|
96
|
+
};
|
|
97
|
+
case 'secondary':
|
|
98
|
+
return {
|
|
99
|
+
background: colors.secondary,
|
|
100
|
+
text: colors.white,
|
|
101
|
+
border: 'transparent'
|
|
102
|
+
};
|
|
103
|
+
case 'destructive':
|
|
104
|
+
return {
|
|
105
|
+
background: colors.error,
|
|
106
|
+
text: colors.white,
|
|
107
|
+
border: 'transparent'
|
|
108
|
+
};
|
|
109
|
+
case 'primary':
|
|
110
|
+
default:
|
|
111
|
+
return {
|
|
112
|
+
background: colors.primary,
|
|
113
|
+
text: colors.white,
|
|
114
|
+
border: 'transparent'
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
/**
|
|
120
|
+
* Button
|
|
121
|
+
* Único componente de botón de la librería. `variant` decide el estilo
|
|
122
|
+
* semántico, `size` la densidad. El feedback de "presionado" anima solo
|
|
123
|
+
* `transform` (Animated.spring, useNativeDriver) — nunca opacity ni layout.
|
|
124
|
+
*/
|
|
125
|
+
const Button = exports.Button = /*#__PURE__*/(0, _react.memo)(({
|
|
126
|
+
title,
|
|
127
|
+
onPress,
|
|
128
|
+
variant = 'primary',
|
|
129
|
+
size = 'md',
|
|
130
|
+
loading = false,
|
|
131
|
+
disabled = false,
|
|
132
|
+
style,
|
|
133
|
+
textStyle,
|
|
134
|
+
leftIcon,
|
|
135
|
+
rightIcon,
|
|
136
|
+
leftIconName,
|
|
137
|
+
rightIconName,
|
|
138
|
+
iconColor,
|
|
139
|
+
testID,
|
|
140
|
+
accessibilityLabel
|
|
141
|
+
}) => {
|
|
142
|
+
const styles = useStyles();
|
|
143
|
+
const colors = (0, _UIProvider.useColors)();
|
|
144
|
+
const theme = (0, _UIProvider.useTheme)();
|
|
145
|
+
const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
|
|
146
|
+
const scale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
|
|
147
|
+
const isDisabled = disabled || loading;
|
|
148
|
+
const isFilled = variant === 'primary' || variant === 'secondary' || variant === 'destructive';
|
|
149
|
+
const resolved = resolveColors(variant, disabled, colors);
|
|
150
|
+
const effectiveIconColor = iconColor ?? resolved.text;
|
|
151
|
+
const animateTo = value => {
|
|
152
|
+
_reactNative.Animated.spring(scale, {
|
|
153
|
+
toValue: value,
|
|
154
|
+
useNativeDriver: true,
|
|
155
|
+
speed: 50,
|
|
156
|
+
bounciness: 6
|
|
157
|
+
}).start();
|
|
158
|
+
};
|
|
159
|
+
const containerStyle = [styles.base, styles[size], variant === 'link' && styles.link, variant === 'outline' && [styles.outline, {
|
|
160
|
+
borderColor: resolved.border
|
|
161
|
+
}], {
|
|
162
|
+
backgroundColor: resolved.background
|
|
163
|
+
}, isFilled && !disabled && styles.filledShadow, {
|
|
164
|
+
opacity: isDisabled ? 0.7 : 1
|
|
165
|
+
}, style];
|
|
166
|
+
const labelStyle = [styles.text, size === 'sm' ? styles.textSm : size === 'lg' ? styles.textLg : styles.textMd, {
|
|
167
|
+
color: resolved.text
|
|
168
|
+
}, variant === 'link' && styles.underline, textStyle];
|
|
169
|
+
const iconSize = size === 'sm' ? 16 : size === 'lg' ? 22 : 20;
|
|
170
|
+
return (
|
|
171
|
+
/*#__PURE__*/
|
|
172
|
+
// El Pressable ES el contenedor animado, no un wrapper alrededor de uno.
|
|
173
|
+
// Con un Animated.View interno, un `style` de layout (flex, width,
|
|
174
|
+
// margin) caía en el hijo mientras el Pressable — que es quien ocupa
|
|
175
|
+
// lugar en el layout del padre — quedaba sin él: el ancho colapsaba y
|
|
176
|
+
// el label desaparecía (visible en los botones en fila del Alert).
|
|
177
|
+
(0, _jsxRuntime.jsx)(AnimatedPressable, {
|
|
178
|
+
onPress: onPress,
|
|
179
|
+
onPressIn: () => {
|
|
180
|
+
if (!isDisabled) animateTo(0.95);
|
|
181
|
+
},
|
|
182
|
+
onPressOut: () => {
|
|
183
|
+
if (!isDisabled) animateTo(1);
|
|
184
|
+
},
|
|
185
|
+
disabled: isDisabled,
|
|
186
|
+
testID: testID,
|
|
187
|
+
accessibilityRole: "button",
|
|
188
|
+
accessibilityLabel: accessibilityLabel ?? title,
|
|
189
|
+
accessibilityState: {
|
|
190
|
+
disabled: isDisabled,
|
|
191
|
+
busy: loading
|
|
192
|
+
},
|
|
193
|
+
style: [containerStyle, {
|
|
194
|
+
transform: [{
|
|
195
|
+
scale
|
|
196
|
+
}]
|
|
197
|
+
}],
|
|
198
|
+
children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
|
|
199
|
+
size: "small",
|
|
200
|
+
color: resolved.text
|
|
201
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
202
|
+
children: [leftIcon, !leftIcon && leftIconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
203
|
+
name: leftIconName,
|
|
204
|
+
size: iconSize,
|
|
205
|
+
color: effectiveIconColor,
|
|
206
|
+
style: styles.iconLeft
|
|
207
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
208
|
+
allowFontScaling: allowFontScaling,
|
|
209
|
+
style: labelStyle,
|
|
210
|
+
children: title
|
|
211
|
+
}), rightIcon, !rightIcon && rightIconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
212
|
+
name: rightIconName,
|
|
213
|
+
size: iconSize,
|
|
214
|
+
color: effectiveIconColor,
|
|
215
|
+
style: styles.iconRight
|
|
216
|
+
})]
|
|
217
|
+
})
|
|
218
|
+
})
|
|
219
|
+
);
|
|
220
|
+
});
|
|
221
|
+
Button.displayName = 'Button';
|
|
222
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedPressable","Animated","createAnimatedComponent","Pressable","useStyles","createStyles","theme","base","flexDirection","alignItems","justifyContent","borderRadius","tokens","radius","lg","borderWidth","sm","paddingVertical","spacing","paddingHorizontal","md","xl","xxl","link","xs","outline","filledShadow","shadow","shadowColor","text","fontWeight","semibold","textAlign","textSm","fontSize","textMd","textLg","underline","textDecorationLine","iconLeft","marginRight","iconRight","marginLeft","resolveColors","variant","disabled","colors","background","inputBackground","textLight","border","primary","secondary","white","error","Button","exports","memo","title","onPress","size","loading","style","textStyle","leftIcon","rightIcon","leftIconName","rightIconName","iconColor","testID","accessibilityLabel","styles","useColors","useTheme","allowFontScaling","useAllowFontScaling","scale","useRef","Value","current","isDisabled","isFilled","resolved","effectiveIconColor","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","containerStyle","borderColor","backgroundColor","opacity","labelStyle","color","iconSize","jsx","onPressIn","onPressOut","accessibilityRole","accessibilityState","busy","transform","children","ActivityIndicator","jsxs","Fragment","Icon","name","Text","displayName"],"sourceRoot":"../../../src","sources":["atoms/Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Card = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _createStyles = require("../theme/createStyles");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
const useStyles = (0, _createStyles.createStyles)(theme => ({
|
|
13
|
+
card: {
|
|
14
|
+
backgroundColor: theme.colors.surface,
|
|
15
|
+
borderRadius: theme.tokens.radius.xl,
|
|
16
|
+
padding: theme.tokens.spacing.lg,
|
|
17
|
+
...theme.tokens.shadow.sm
|
|
18
|
+
}
|
|
19
|
+
}));
|
|
20
|
+
const Card = exports.Card = /*#__PURE__*/(0, _react.memo)(({
|
|
21
|
+
children,
|
|
22
|
+
style,
|
|
23
|
+
...props
|
|
24
|
+
}) => {
|
|
25
|
+
const styles = useStyles();
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
27
|
+
style: [styles.card, style],
|
|
28
|
+
...props,
|
|
29
|
+
children: children
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
Card.displayName = 'Card';
|
|
33
|
+
//# sourceMappingURL=Card.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","card","backgroundColor","colors","surface","borderRadius","tokens","radius","xl","padding","spacing","lg","shadow","sm","Card","exports","memo","children","style","props","styles","jsx","View","displayName"],"sourceRoot":"../../../src","sources":["atoms/Card.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAqD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOrD,MAAMkB,SAAS,GAAG,IAAAC,0BAAY,EAAEC,KAAK,KAAM;EACzCC,IAAI,EAAE;IACJC,eAAe,EAAEF,KAAK,CAACG,MAAM,CAACC,OAAO;IACrCC,YAAY,EAAEL,KAAK,CAACM,MAAM,CAACC,MAAM,CAACC,EAAE;IACpCC,OAAO,EAAET,KAAK,CAACM,MAAM,CAACI,OAAO,CAACC,EAAE;IAChC,GAAGX,KAAK,CAACM,MAAM,CAACM,MAAM,CAACC;EACzB;AACF,CAAC,CAAC,CAAC;AAEI,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAG,IAAAE,WAAI,EAAC,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAiB,CAAC,KAAK;EACrE,MAAMC,MAAM,GAAGtB,SAAS,CAAC,CAAC;EAC1B,oBACE,IAAApB,WAAA,CAAA2C,GAAA,EAAC7C,YAAA,CAAA8C,IAAI;IAACJ,KAAK,EAAE,CAACE,MAAM,CAACnB,IAAI,EAAEiB,KAAK,CAAE;IAAA,GAAKC,KAAK;IAAAF,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AACFH,IAAI,CAACS,WAAW,GAAG,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Checkbox = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _createStyles = require("../theme/createStyles");
|
|
10
|
+
var _UIProvider = require("../theme/UIProvider");
|
|
11
|
+
var _Icon = require("../icons/Icon");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
const useStyles = (0, _createStyles.createStyles)(theme => ({
|
|
15
|
+
container: {
|
|
16
|
+
flexDirection: 'row',
|
|
17
|
+
alignItems: 'center',
|
|
18
|
+
marginBottom: theme.tokens.spacing.sm
|
|
19
|
+
},
|
|
20
|
+
box: {
|
|
21
|
+
width: 24,
|
|
22
|
+
height: 24,
|
|
23
|
+
borderRadius: theme.tokens.radius.sm,
|
|
24
|
+
borderWidth: 2,
|
|
25
|
+
justifyContent: 'center',
|
|
26
|
+
alignItems: 'center',
|
|
27
|
+
marginRight: theme.tokens.spacing.sm + 2
|
|
28
|
+
},
|
|
29
|
+
label: {
|
|
30
|
+
fontSize: theme.tokens.fontSize.md,
|
|
31
|
+
color: theme.colors.text
|
|
32
|
+
}
|
|
33
|
+
}));
|
|
34
|
+
const Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.memo)(({
|
|
35
|
+
value,
|
|
36
|
+
onValueChange,
|
|
37
|
+
label,
|
|
38
|
+
color,
|
|
39
|
+
disabled,
|
|
40
|
+
testID
|
|
41
|
+
}) => {
|
|
42
|
+
const colors = (0, _UIProvider.useColors)();
|
|
43
|
+
const styles = useStyles();
|
|
44
|
+
const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
|
|
45
|
+
const activeColor = color || colors.primary;
|
|
46
|
+
const progress = (0, _react.useRef)(new _reactNative.Animated.Value(value ? 1 : 0)).current;
|
|
47
|
+
const checkScale = (0, _react.useRef)(new _reactNative.Animated.Value(value ? 1 : 0)).current;
|
|
48
|
+
(0, _react.useEffect)(() => {
|
|
49
|
+
_reactNative.Animated.timing(progress, {
|
|
50
|
+
toValue: value ? 1 : 0,
|
|
51
|
+
duration: 150,
|
|
52
|
+
useNativeDriver: false
|
|
53
|
+
}).start();
|
|
54
|
+
_reactNative.Animated.spring(checkScale, {
|
|
55
|
+
toValue: value ? 1 : 0,
|
|
56
|
+
useNativeDriver: true,
|
|
57
|
+
speed: 40,
|
|
58
|
+
bounciness: 10
|
|
59
|
+
}).start();
|
|
60
|
+
}, [value]);
|
|
61
|
+
const backgroundColor = progress.interpolate({
|
|
62
|
+
inputRange: [0, 1],
|
|
63
|
+
outputRange: [colors.surface, activeColor]
|
|
64
|
+
});
|
|
65
|
+
const borderColor = progress.interpolate({
|
|
66
|
+
inputRange: [0, 1],
|
|
67
|
+
outputRange: [colors.border, activeColor]
|
|
68
|
+
});
|
|
69
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
|
|
70
|
+
style: styles.container,
|
|
71
|
+
activeOpacity: 0.7,
|
|
72
|
+
disabled: disabled,
|
|
73
|
+
onPress: () => onValueChange(!value),
|
|
74
|
+
accessibilityRole: "checkbox",
|
|
75
|
+
accessibilityState: {
|
|
76
|
+
checked: value,
|
|
77
|
+
disabled: !!disabled
|
|
78
|
+
},
|
|
79
|
+
accessibilityLabel: label,
|
|
80
|
+
testID: testID,
|
|
81
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
82
|
+
style: [styles.box, {
|
|
83
|
+
backgroundColor,
|
|
84
|
+
borderColor,
|
|
85
|
+
opacity: disabled ? 0.5 : 1
|
|
86
|
+
}],
|
|
87
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
88
|
+
style: {
|
|
89
|
+
transform: [{
|
|
90
|
+
scale: checkScale
|
|
91
|
+
}]
|
|
92
|
+
},
|
|
93
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
94
|
+
name: "check",
|
|
95
|
+
size: 16,
|
|
96
|
+
color: colors.white
|
|
97
|
+
})
|
|
98
|
+
})
|
|
99
|
+
}), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
100
|
+
allowFontScaling: allowFontScaling,
|
|
101
|
+
style: styles.label,
|
|
102
|
+
children: label
|
|
103
|
+
})]
|
|
104
|
+
});
|
|
105
|
+
});
|
|
106
|
+
Checkbox.displayName = 'Checkbox';
|
|
107
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","flexDirection","alignItems","marginBottom","tokens","spacing","sm","box","width","height","borderRadius","radius","borderWidth","justifyContent","marginRight","label","fontSize","md","color","colors","text","Checkbox","exports","memo","value","onValueChange","disabled","testID","useColors","styles","allowFontScaling","useAllowFontScaling","activeColor","primary","progress","useRef","Animated","Value","current","checkScale","useEffect","timing","toValue","duration","useNativeDriver","start","spring","speed","bounciness","backgroundColor","interpolate","inputRange","outputRange","surface","borderColor","border","jsxs","TouchableOpacity","style","activeOpacity","onPress","accessibilityRole","accessibilityState","checked","accessibilityLabel","children","jsx","View","opacity","transform","scale","Icon","name","size","white","Text","displayName"],"sourceRoot":"../../../src","sources":["atoms/Checkbox.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Divider = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _UIProvider = require("../theme/UIProvider");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
12
|
+
const Divider = exports.Divider = /*#__PURE__*/(0, _react.memo)(({
|
|
13
|
+
style,
|
|
14
|
+
testID
|
|
15
|
+
}) => {
|
|
16
|
+
const colors = (0, _UIProvider.useColors)();
|
|
17
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
18
|
+
testID: testID,
|
|
19
|
+
style: [{
|
|
20
|
+
height: 1,
|
|
21
|
+
backgroundColor: colors.border,
|
|
22
|
+
width: '100%'
|
|
23
|
+
}, style]
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
Divider.displayName = 'Divider';
|
|
27
|
+
//# sourceMappingURL=Divider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Divider","exports","memo","style","testID","colors","useColors","jsx","View","height","backgroundColor","border","width","displayName"],"sourceRoot":"../../../src","sources":["atoms/Divider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOzC,MAAMkB,OAAO,GAAAC,OAAA,CAAAD,OAAA,gBAAG,IAAAE,WAAI,EAAC,CAAC;EAAEC,KAAK;EAAEC;AAAqB,CAAC,KAAK;EAC/D,MAAMC,MAAM,GAAG,IAAAC,qBAAS,EAAC,CAAC;EAC1B,oBAAO,IAAA1B,WAAA,CAAA2B,GAAA,EAAC7B,YAAA,CAAA8B,IAAI;IAACJ,MAAM,EAAEA,MAAO;IAACD,KAAK,EAAE,CAAC;MAAEM,MAAM,EAAE,CAAC;MAAEC,eAAe,EAAEL,MAAM,CAACM,MAAM;MAAEC,KAAK,EAAE;IAAO,CAAC,EAAET,KAAK;EAAE,CAAE,CAAC;AAC/G,CAAC,CAAC;AACFH,OAAO,CAACa,WAAW,GAAG,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.EmptyState = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _createStyles = require("../theme/createStyles");
|
|
10
|
+
var _UIProvider = require("../theme/UIProvider");
|
|
11
|
+
var _Icon = require("../icons/Icon");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
const useStyles = (0, _createStyles.createStyles)(theme => ({
|
|
15
|
+
container: {
|
|
16
|
+
flex: 1,
|
|
17
|
+
justifyContent: 'center',
|
|
18
|
+
alignItems: 'center',
|
|
19
|
+
padding: theme.tokens.spacing.xxl - 4,
|
|
20
|
+
minHeight: 200
|
|
21
|
+
},
|
|
22
|
+
title: {
|
|
23
|
+
fontSize: theme.tokens.fontSize.lg,
|
|
24
|
+
fontWeight: theme.tokens.fontWeight.semibold,
|
|
25
|
+
color: theme.colors.textLight,
|
|
26
|
+
marginTop: theme.tokens.spacing.md - 2,
|
|
27
|
+
textAlign: 'center'
|
|
28
|
+
},
|
|
29
|
+
description: {
|
|
30
|
+
fontSize: theme.tokens.fontSize.md,
|
|
31
|
+
color: theme.colors.textLight,
|
|
32
|
+
marginTop: theme.tokens.spacing.xs + 1,
|
|
33
|
+
textAlign: 'center'
|
|
34
|
+
}
|
|
35
|
+
}));
|
|
36
|
+
const EmptyState = exports.EmptyState = /*#__PURE__*/(0, _react.memo)(({
|
|
37
|
+
title,
|
|
38
|
+
description,
|
|
39
|
+
iconName = 'search',
|
|
40
|
+
icon,
|
|
41
|
+
style
|
|
42
|
+
}) => {
|
|
43
|
+
const colors = (0, _UIProvider.useColors)();
|
|
44
|
+
const styles = useStyles();
|
|
45
|
+
const labels = (0, _UIProvider.useLabels)();
|
|
46
|
+
const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
|
|
47
|
+
const resolvedTitle = title ?? labels.noResultsTitle;
|
|
48
|
+
const resolvedDescription = description ?? labels.noResultsDescription;
|
|
49
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
50
|
+
style: [styles.container, style],
|
|
51
|
+
accessible: true,
|
|
52
|
+
accessibilityRole: "text",
|
|
53
|
+
children: [icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
54
|
+
name: iconName,
|
|
55
|
+
size: 48,
|
|
56
|
+
color: colors.textLight
|
|
57
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
58
|
+
allowFontScaling: allowFontScaling,
|
|
59
|
+
style: styles.title,
|
|
60
|
+
children: resolvedTitle
|
|
61
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
62
|
+
allowFontScaling: allowFontScaling,
|
|
63
|
+
style: styles.description,
|
|
64
|
+
children: resolvedDescription
|
|
65
|
+
})]
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
EmptyState.displayName = 'EmptyState';
|
|
69
|
+
//# sourceMappingURL=EmptyState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","container","flex","justifyContent","alignItems","padding","tokens","spacing","xxl","minHeight","title","fontSize","lg","fontWeight","semibold","color","colors","textLight","marginTop","md","textAlign","description","xs","EmptyState","exports","memo","iconName","icon","style","useColors","styles","labels","useLabels","allowFontScaling","useAllowFontScaling","resolvedTitle","noResultsTitle","resolvedDescription","noResultsDescription","jsxs","View","accessible","accessibilityRole","children","jsx","Icon","name","size","Text","displayName"],"sourceRoot":"../../../src","sources":["atoms/EmptyState.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAqC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAWrC,MAAMkB,SAAS,GAAG,IAAAC,0BAAY,EAAEC,KAAK,KAAM;EACzCC,SAAS,EAAE;IACTC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAEL,KAAK,CAACM,MAAM,CAACC,OAAO,CAACC,GAAG,GAAG,CAAC;IACrCC,SAAS,EAAE;EACb,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAEX,KAAK,CAACM,MAAM,CAACK,QAAQ,CAACC,EAAE;IAClCC,UAAU,EAAEb,KAAK,CAACM,MAAM,CAACO,UAAU,CAACC,QAAQ;IAC5CC,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAACC,SAAS;IAC7BC,SAAS,EAAElB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACY,EAAE,GAAG,CAAC;IACtCC,SAAS,EAAE;EACb,CAAC;EACDC,WAAW,EAAE;IACXV,QAAQ,EAAEX,KAAK,CAACM,MAAM,CAACK,QAAQ,CAACQ,EAAE;IAClCJ,KAAK,EAAEf,KAAK,CAACgB,MAAM,CAACC,SAAS;IAC7BC,SAAS,EAAElB,KAAK,CAACM,MAAM,CAACC,OAAO,CAACe,EAAE,GAAG,CAAC;IACtCF,SAAS,EAAE;EACb;AACF,CAAC,CAAC,CAAC;AAEI,MAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,gBAAG,IAAAE,WAAI,EAC5B,CAAC;EAAEf,KAAK;EAAEW,WAAW;EAAEK,QAAQ,GAAG,QAAQ;EAAEC,IAAI;EAAEC;AAAuB,CAAC,KAAK;EAC7E,MAAMZ,MAAM,GAAG,IAAAa,qBAAS,EAAC,CAAC;EAC1B,MAAMC,MAAM,GAAGhC,SAAS,CAAC,CAAC;EAC1B,MAAMiC,MAAM,GAAG,IAAAC,qBAAS,EAAC,CAAC;EAC1B,MAAMC,gBAAgB,GAAG,IAAAC,+BAAmB,EAAC,CAAC;EAC9C,MAAMC,aAAa,GAAGzB,KAAK,IAAIqB,MAAM,CAACK,cAAc;EACpD,MAAMC,mBAAmB,GAAGhB,WAAW,IAAIU,MAAM,CAACO,oBAAoB;EACtE,oBACE,IAAA5D,WAAA,CAAA6D,IAAA,EAACjE,YAAA,CAAAkE,IAAI;IAACZ,KAAK,EAAE,CAACE,MAAM,CAAC7B,SAAS,EAAE2B,KAAK,CAAE;IAACa,UAAU;IAACC,iBAAiB,EAAC,MAAM;IAAAC,QAAA,GACxEhB,IAAI,iBAAI,IAAAjD,WAAA,CAAAkE,GAAA,EAACnE,KAAA,CAAAoE,IAAI;MAACC,IAAI,EAAEpB,QAAS;MAACqB,IAAI,EAAE,EAAG;MAAChC,KAAK,EAAEC,MAAM,CAACC;IAAU,CAAE,CAAC,eACpE,IAAAvC,WAAA,CAAAkE,GAAA,EAACtE,YAAA,CAAA0E,IAAI;MAACf,gBAAgB,EAAEA,gBAAiB;MAACL,KAAK,EAAEE,MAAM,CAACpB,KAAM;MAAAiC,QAAA,EAC3DR;IAAa,CACV,CAAC,eACP,IAAAzD,WAAA,CAAAkE,GAAA,EAACtE,YAAA,CAAA0E,IAAI;MAACf,gBAAgB,EAAEA,gBAAiB;MAACL,KAAK,EAAEE,MAAM,CAACT,WAAY;MAAAsB,QAAA,EACjEN;IAAmB,CAChB,CAAC;EAAA,CACH,CAAC;AAEX,CACF,CAAC;AACDd,UAAU,CAAC0B,WAAW,GAAG,YAAY","ignoreList":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Fab = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _PressableScale = require("./PressableScale");
|
|
9
|
+
var _Icon = require("../icons/Icon");
|
|
10
|
+
var _createStyles = require("../theme/createStyles");
|
|
11
|
+
var _UIProvider = require("../theme/UIProvider");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
+
const useStyles = (0, _createStyles.createStyles)(theme => ({
|
|
15
|
+
fab: {
|
|
16
|
+
position: 'absolute',
|
|
17
|
+
justifyContent: 'center',
|
|
18
|
+
alignItems: 'center',
|
|
19
|
+
...theme.tokens.shadow.lg
|
|
20
|
+
}
|
|
21
|
+
}));
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Fab
|
|
25
|
+
* Botón flotante circular. `bottom`/`right` en vez del `tabBarHeight`
|
|
26
|
+
* obligatorio de la versión original — el consumidor decide su propio
|
|
27
|
+
* offset (con o sin tab bar).
|
|
28
|
+
*/
|
|
29
|
+
const Fab = exports.Fab = /*#__PURE__*/(0, _react.memo)(({
|
|
30
|
+
onPress,
|
|
31
|
+
iconName = 'plus',
|
|
32
|
+
icon,
|
|
33
|
+
size = 60,
|
|
34
|
+
bottom = 20,
|
|
35
|
+
right = 20,
|
|
36
|
+
color,
|
|
37
|
+
style,
|
|
38
|
+
accessibilityLabel
|
|
39
|
+
}) => {
|
|
40
|
+
const styles = useStyles();
|
|
41
|
+
const colors = (0, _UIProvider.useColors)();
|
|
42
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PressableScale.PressableScale, {
|
|
43
|
+
onPress: onPress,
|
|
44
|
+
style: [styles.fab, {
|
|
45
|
+
width: size,
|
|
46
|
+
height: size,
|
|
47
|
+
borderRadius: size / 2,
|
|
48
|
+
bottom,
|
|
49
|
+
right,
|
|
50
|
+
backgroundColor: color ?? colors.primary
|
|
51
|
+
}, style],
|
|
52
|
+
accessibilityRole: "button",
|
|
53
|
+
accessibilityLabel: accessibilityLabel,
|
|
54
|
+
children: icon ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
55
|
+
name: iconName,
|
|
56
|
+
size: size * 0.5,
|
|
57
|
+
color: colors.white
|
|
58
|
+
})
|
|
59
|
+
});
|
|
60
|
+
});
|
|
61
|
+
Fab.displayName = 'Fab';
|
|
62
|
+
//# sourceMappingURL=Fab.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_PressableScale","_Icon","_createStyles","_UIProvider","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useStyles","createStyles","theme","fab","position","justifyContent","alignItems","tokens","shadow","lg","Fab","exports","memo","onPress","iconName","icon","size","bottom","right","color","style","accessibilityLabel","styles","colors","useColors","jsx","PressableScale","width","height","borderRadius","backgroundColor","primary","accessibilityRole","children","Icon","name","white","displayName"],"sourceRoot":"../../../src","sources":["atoms/Fab.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.IconButton = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _PressableScale = require("./PressableScale");
|
|
9
|
+
var _Icon = require("../icons/Icon");
|
|
10
|
+
var _createStyles = require("../theme/createStyles");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
const useStyles = (0, _createStyles.createStyles)(theme => ({
|
|
14
|
+
hitArea: {
|
|
15
|
+
padding: theme.tokens.spacing.sm,
|
|
16
|
+
alignItems: 'center',
|
|
17
|
+
justifyContent: 'center'
|
|
18
|
+
}
|
|
19
|
+
}));
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* IconButton
|
|
23
|
+
* Botón de solo ícono con área táctil mínima de 44x44 garantizada por el
|
|
24
|
+
* padding (icon 24 + padding 8*2 = 40; sube a 44 con size>=24 default RN).
|
|
25
|
+
* `accessibilityLabel` es obligatorio: sin texto visible, es la única forma
|
|
26
|
+
* de que un lector de pantalla anuncie qué hace el botón.
|
|
27
|
+
*/
|
|
28
|
+
const IconButton = exports.IconButton = /*#__PURE__*/(0, _react.memo)(({
|
|
29
|
+
iconName,
|
|
30
|
+
icon,
|
|
31
|
+
onPress,
|
|
32
|
+
size = 24,
|
|
33
|
+
color,
|
|
34
|
+
disabled,
|
|
35
|
+
style,
|
|
36
|
+
accessibilityLabel,
|
|
37
|
+
testID
|
|
38
|
+
}) => {
|
|
39
|
+
const styles = useStyles();
|
|
40
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PressableScale.PressableScale, {
|
|
41
|
+
onPress: onPress,
|
|
42
|
+
disabled: disabled,
|
|
43
|
+
style: [styles.hitArea, {
|
|
44
|
+
opacity: disabled ? 0.5 : 1
|
|
45
|
+
}, style],
|
|
46
|
+
accessibilityRole: "button",
|
|
47
|
+
accessibilityLabel: accessibilityLabel,
|
|
48
|
+
accessibilityState: {
|
|
49
|
+
disabled: !!disabled
|
|
50
|
+
},
|
|
51
|
+
testID: testID,
|
|
52
|
+
children: icon ?? (iconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
|
|
53
|
+
name: iconName,
|
|
54
|
+
size: size,
|
|
55
|
+
color: color
|
|
56
|
+
}))
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
IconButton.displayName = 'IconButton';
|
|
60
|
+
//# sourceMappingURL=IconButton.js.map
|