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,127 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Alert", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Alert.Alert;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "AlertProvider", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _AlertProvider.AlertProvider;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "BottomSheet", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _BottomSheet.BottomSheet;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "DEFAULT_MONTH_NAMES", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _DatePicker.DEFAULT_MONTH_NAMES;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "DEFAULT_WEEKDAY_NAMES", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _DatePicker.DEFAULT_WEEKDAY_NAMES;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "DateField", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _DateField.DateField;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "DatePicker", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () {
|
|
45
|
+
return _DatePicker.DatePicker;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "List", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function () {
|
|
51
|
+
return _List.List;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "Modal", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () {
|
|
57
|
+
return _Modal.Modal;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "Screen", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function () {
|
|
63
|
+
return _Screen.Screen;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "SearchList", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function () {
|
|
69
|
+
return _SearchList.SearchList;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, "Select", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function () {
|
|
75
|
+
return _Select.Select;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "Toast", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function () {
|
|
81
|
+
return _Toast.Toast;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "ToastProvider", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function () {
|
|
87
|
+
return _ToastProvider.ToastProvider;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "Wizard", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function () {
|
|
93
|
+
return _Wizard.Wizard;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "buildMonthGrid", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function () {
|
|
99
|
+
return _DatePicker.buildMonthGrid;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "useAlert", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function () {
|
|
105
|
+
return _AlertProvider.useAlert;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
Object.defineProperty(exports, "useToast", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function () {
|
|
111
|
+
return _ToastProvider.useToast;
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
var _Modal = require("./Modal");
|
|
115
|
+
var _BottomSheet = require("./BottomSheet");
|
|
116
|
+
var _Select = require("./Select");
|
|
117
|
+
var _Alert = require("./Alert");
|
|
118
|
+
var _AlertProvider = require("./AlertProvider");
|
|
119
|
+
var _Screen = require("./Screen");
|
|
120
|
+
var _List = require("./List");
|
|
121
|
+
var _SearchList = require("./SearchList");
|
|
122
|
+
var _Toast = require("./Toast");
|
|
123
|
+
var _ToastProvider = require("./ToastProvider");
|
|
124
|
+
var _DatePicker = require("./DatePicker");
|
|
125
|
+
var _DateField = require("./DateField");
|
|
126
|
+
var _Wizard = require("./Wizard");
|
|
127
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_Modal","require","_BottomSheet","_Select","_Alert","_AlertProvider","_Screen","_List","_SearchList","_Toast","_ToastProvider","_DatePicker","_DateField","_Wizard"],"sourceRoot":"../../../src","sources":["organisms/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,cAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AAEA,IAAAO,WAAA,GAAAP,OAAA;AAEA,IAAAQ,MAAA,GAAAR,OAAA;AAEA,IAAAS,cAAA,GAAAT,OAAA;AAEA,IAAAU,WAAA,GAAAV,OAAA;AAEA,IAAAW,UAAA,GAAAX,OAAA;AAEA,IAAAY,OAAA,GAAAZ,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"commonjs"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.UIProvider = UIProvider;
|
|
7
|
+
exports.__testUtils = void 0;
|
|
8
|
+
exports.useAllowFontScaling = useAllowFontScaling;
|
|
9
|
+
exports.useColors = useColors;
|
|
10
|
+
exports.useIcons = useIcons;
|
|
11
|
+
exports.useInsets = useInsets;
|
|
12
|
+
exports.useLabels = useLabels;
|
|
13
|
+
exports.useTheme = useTheme;
|
|
14
|
+
exports.useThemeMode = useThemeMode;
|
|
15
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
16
|
+
var _reactNative = require("react-native");
|
|
17
|
+
var _createTheme = require("./createTheme");
|
|
18
|
+
var _labels = require("./labels");
|
|
19
|
+
var _insets = require("./insets");
|
|
20
|
+
var _defaultIcons = require("../icons/defaultIcons");
|
|
21
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
22
|
+
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); }
|
|
23
|
+
const UIContext = /*#__PURE__*/(0, _react.createContext)(undefined);
|
|
24
|
+
/**
|
|
25
|
+
* UIProvider
|
|
26
|
+
* Único punto de entrada de la librería: resuelve el theme activo (sistema u
|
|
27
|
+
* override manual), e inyecta íconos, insets y textos por defecto a todo el
|
|
28
|
+
* árbol. No persiste el modo — si el consumidor quiere recordar la preferencia
|
|
29
|
+
* entre sesiones, controla `mode`/`onModeChange` y persiste donde prefiera.
|
|
30
|
+
*/
|
|
31
|
+
function UIProvider({
|
|
32
|
+
children,
|
|
33
|
+
theme = _createTheme.defaultTheme,
|
|
34
|
+
defaultMode = 'system',
|
|
35
|
+
mode: controlledMode,
|
|
36
|
+
onModeChange,
|
|
37
|
+
icons = _defaultIcons.renderDefaultIcon,
|
|
38
|
+
insets = _insets.zeroInsets,
|
|
39
|
+
labels: labelOverrides,
|
|
40
|
+
allowFontScaling = false
|
|
41
|
+
}) {
|
|
42
|
+
const systemScheme = (0, _reactNative.useColorScheme)();
|
|
43
|
+
const [uncontrolledMode, setUncontrolledMode] = (0, _react.useState)(defaultMode);
|
|
44
|
+
const isControlled = controlledMode !== undefined;
|
|
45
|
+
const mode = isControlled ? controlledMode : uncontrolledMode;
|
|
46
|
+
const setMode = (0, _react.useCallback)(next => {
|
|
47
|
+
if (!isControlled) setUncontrolledMode(next);
|
|
48
|
+
onModeChange?.(next);
|
|
49
|
+
}, [isControlled, onModeChange]);
|
|
50
|
+
const scheme = mode === 'system' ? systemScheme === 'dark' ? 'dark' : 'light' : mode;
|
|
51
|
+
const resolvedTheme = theme[scheme];
|
|
52
|
+
const labels = (0, _react.useMemo)(() => labelOverrides ? {
|
|
53
|
+
..._labels.defaultLabels,
|
|
54
|
+
...labelOverrides
|
|
55
|
+
} : _labels.defaultLabels, [labelOverrides]);
|
|
56
|
+
const value = (0, _react.useMemo)(() => ({
|
|
57
|
+
theme: resolvedTheme,
|
|
58
|
+
mode,
|
|
59
|
+
setMode,
|
|
60
|
+
icons,
|
|
61
|
+
insets,
|
|
62
|
+
labels,
|
|
63
|
+
allowFontScaling
|
|
64
|
+
}), [resolvedTheme, mode, setMode, icons, insets, labels, allowFontScaling]);
|
|
65
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(UIContext.Provider, {
|
|
66
|
+
value: value,
|
|
67
|
+
children: children
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
function useUIContext() {
|
|
71
|
+
const ctx = (0, _react.useContext)(UIContext);
|
|
72
|
+
if (!ctx) {
|
|
73
|
+
throw new Error('orn-ui: this hook must be used within a <UIProvider>.');
|
|
74
|
+
}
|
|
75
|
+
return ctx;
|
|
76
|
+
}
|
|
77
|
+
function useTheme() {
|
|
78
|
+
return useUIContext().theme;
|
|
79
|
+
}
|
|
80
|
+
function useColors() {
|
|
81
|
+
return useUIContext().theme.colors;
|
|
82
|
+
}
|
|
83
|
+
function useThemeMode() {
|
|
84
|
+
const {
|
|
85
|
+
mode,
|
|
86
|
+
setMode
|
|
87
|
+
} = useUIContext();
|
|
88
|
+
return {
|
|
89
|
+
mode,
|
|
90
|
+
setMode
|
|
91
|
+
};
|
|
92
|
+
}
|
|
93
|
+
function useIcons() {
|
|
94
|
+
return useUIContext().icons;
|
|
95
|
+
}
|
|
96
|
+
function useInsets() {
|
|
97
|
+
return useUIContext().insets;
|
|
98
|
+
}
|
|
99
|
+
function useLabels() {
|
|
100
|
+
return useUIContext().labels;
|
|
101
|
+
}
|
|
102
|
+
function useAllowFontScaling() {
|
|
103
|
+
return useUIContext().allowFontScaling;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
/** Re-exportado para que tests/consumidores puedan simular cambios de sistema sin RN real. */
|
|
107
|
+
const __testUtils = exports.__testUtils = {
|
|
108
|
+
Appearance: _reactNative.Appearance
|
|
109
|
+
};
|
|
110
|
+
//# sourceMappingURL=UIProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createTheme","_labels","_insets","_defaultIcons","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","UIContext","createContext","undefined","UIProvider","children","theme","defaultTheme","defaultMode","mode","controlledMode","onModeChange","icons","renderDefaultIcon","insets","zeroInsets","labels","labelOverrides","allowFontScaling","systemScheme","useColorScheme","uncontrolledMode","setUncontrolledMode","useState","isControlled","setMode","useCallback","next","scheme","resolvedTheme","useMemo","defaultLabels","value","jsx","Provider","useUIContext","ctx","useContext","Error","useTheme","useColors","colors","useThemeMode","useIcons","useInsets","useLabels","useAllowFontScaling","__testUtils","exports","Appearance"],"sourceRoot":"../../../src","sources":["theme/UIProvider.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createStyles = createStyles;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _UIProvider = require("./UIProvider");
|
|
9
|
+
/**
|
|
10
|
+
* createStyles(factory)
|
|
11
|
+
* Devuelve un hook useStyles() que memoiza el StyleSheet resultante por
|
|
12
|
+
* theme (WeakMap<Theme, Styles>), no por instancia de componente. Todas las
|
|
13
|
+
* filas de una lista comparten el mismo objeto de estilos: sin esto, N filas
|
|
14
|
+
* ⇒ N StyleSheet.create() por render, que es lo que hacía cada componente
|
|
15
|
+
* de la app original con `useMemo(() => createStyles(colors), [colors])`.
|
|
16
|
+
*
|
|
17
|
+
* La cache vive en el closure del factory (una WeakMap por llamada a
|
|
18
|
+
* createStyles, es decir, una por componente), así que temas de distintos
|
|
19
|
+
* <UIProvider> en el mismo árbol no colisionan entre sí.
|
|
20
|
+
*
|
|
21
|
+
* El tipo de `factory` sigue el patrón oficial de RN para StyleSheet
|
|
22
|
+
* tipados (`T extends StyleSheet.NamedStyles<T> | StyleSheet.NamedStyles<any>`):
|
|
23
|
+
* es lo que le da contexto a TS para inferir literales ('row', 'center', ...)
|
|
24
|
+
* en vez de ensancharlos a `string` dentro del objeto devuelto.
|
|
25
|
+
*/
|
|
26
|
+
function createStyles(factory) {
|
|
27
|
+
const cache = new WeakMap();
|
|
28
|
+
return function useStyles() {
|
|
29
|
+
const theme = (0, _UIProvider.useTheme)();
|
|
30
|
+
let styles = cache.get(theme);
|
|
31
|
+
if (!styles) {
|
|
32
|
+
// El cast es seguro: StyleSheet.create<T>(...) con el mismo T del
|
|
33
|
+
// factory siempre devuelve T; TS no puede probarlo por sí solo dentro
|
|
34
|
+
// de un cuerpo genérico (T podría "instanciarse" con un subtipo no
|
|
35
|
+
// relacionado desde su punto de vista, aunque en runtime es el mismo).
|
|
36
|
+
styles = _reactNative.StyleSheet.create(factory(theme));
|
|
37
|
+
cache.set(theme, styles);
|
|
38
|
+
}
|
|
39
|
+
return styles;
|
|
40
|
+
};
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=createStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_UIProvider","createStyles","factory","cache","WeakMap","useStyles","theme","useTheme","styles","get","StyleSheet","create","set"],"sourceRoot":"../../../src","sources":["theme/createStyles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,YAAYA,CAC1BC,OAAwD,EAC/C;EACT,MAAMC,KAAK,GAAG,IAAIC,OAAO,CAAW,CAAC;EAErC,OAAO,SAASC,SAASA,CAAA,EAAM;IAC7B,MAAMC,KAAK,GAAG,IAAAC,oBAAQ,EAAC,CAAC;IACxB,IAAIC,MAAM,GAAGL,KAAK,CAACM,GAAG,CAACH,KAAK,CAAC;IAC7B,IAAI,CAACE,MAAM,EAAE;MACX;MACA;MACA;MACA;MACAA,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAACT,OAAO,CAACI,KAAK,CAAC,CAAM;MAC/CH,KAAK,CAACS,GAAG,CAACN,KAAK,EAAEE,MAAM,CAAC;IAC1B;IACA,OAAOA,MAAM;EACf,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.createTheme = createTheme;
|
|
7
|
+
exports.defaultTheme = void 0;
|
|
8
|
+
var _palettes = require("./palettes");
|
|
9
|
+
var _tokens = require("./tokens");
|
|
10
|
+
function mergeDeep(base, patch) {
|
|
11
|
+
if (!patch) return base;
|
|
12
|
+
const out = {
|
|
13
|
+
...base
|
|
14
|
+
};
|
|
15
|
+
for (const key of Object.keys(patch)) {
|
|
16
|
+
const patchVal = patch[key];
|
|
17
|
+
const baseVal = base[key];
|
|
18
|
+
if (patchVal && baseVal && typeof patchVal === 'object' && typeof baseVal === 'object' && !Array.isArray(patchVal)) {
|
|
19
|
+
out[key] = mergeDeep(baseVal, patchVal);
|
|
20
|
+
} else if (patchVal !== undefined) {
|
|
21
|
+
out[key] = patchVal;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
return out;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/**
|
|
28
|
+
* Construye el par de themes light/dark que consume <UIProvider theme={...}>.
|
|
29
|
+
* Nunca muta los defaults: cada llamada produce objetos nuevos, seguros de
|
|
30
|
+
* compartir entre providers distintos (tests, multi-brand en el mismo árbol).
|
|
31
|
+
*/
|
|
32
|
+
function createTheme(overrides) {
|
|
33
|
+
const tokens = mergeDeep(_tokens.tokens, overrides?.tokens);
|
|
34
|
+
const light = {
|
|
35
|
+
colors: mergeDeep(_palettes.lightPalette, overrides?.colors?.light),
|
|
36
|
+
tokens,
|
|
37
|
+
scheme: 'light'
|
|
38
|
+
};
|
|
39
|
+
const dark = {
|
|
40
|
+
colors: mergeDeep(_palettes.darkPalette, overrides?.colors?.dark),
|
|
41
|
+
tokens,
|
|
42
|
+
scheme: 'dark'
|
|
43
|
+
};
|
|
44
|
+
return {
|
|
45
|
+
light,
|
|
46
|
+
dark
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
const defaultTheme = exports.defaultTheme = createTheme();
|
|
50
|
+
//# sourceMappingURL=createTheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_palettes","require","_tokens","mergeDeep","base","patch","out","key","Object","keys","patchVal","baseVal","Array","isArray","undefined","createTheme","overrides","tokens","defaultTokens","light","colors","lightPalette","scheme","dark","darkPalette","defaultTheme","exports"],"sourceRoot":"../../../src","sources":["theme/createTheme.ts"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAGA,SAASE,SAASA,CAAgCC,IAAO,EAAEC,KAAkB,EAAK;EAChF,IAAI,CAACA,KAAK,EAAE,OAAOD,IAAI;EACvB,MAAME,GAAwB,GAAG;IAAE,GAAGF;EAAK,CAAC;EAC5C,KAAK,MAAMG,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,EAAE;IACpC,MAAMK,QAAQ,GAAIL,KAAK,CAAyBE,GAAG,CAAC;IACpD,MAAMI,OAAO,GAAIP,IAAI,CAAyBG,GAAG,CAAC;IAClD,IACEG,QAAQ,IACRC,OAAO,IACP,OAAOD,QAAQ,KAAK,QAAQ,IAC5B,OAAOC,OAAO,KAAK,QAAQ,IAC3B,CAACC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,EACxB;MACAJ,GAAG,CAACC,GAAG,CAAC,GAAGJ,SAAS,CAACQ,OAAO,EAAED,QAAQ,CAAC;IACzC,CAAC,MAAM,IAAIA,QAAQ,KAAKI,SAAS,EAAE;MACjCR,GAAG,CAACC,GAAG,CAAC,GAAGG,QAAQ;IACrB;EACF;EACA,OAAOJ,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASS,WAAWA,CAACC,SAA0B,EAAa;EACjE,MAAMC,MAAM,GAAGd,SAAS,CAACe,cAAa,EAAEF,SAAS,EAAEC,MAAa,CAAC;EAEjE,MAAME,KAAY,GAAG;IACnBC,MAAM,EAAEjB,SAAS,CAACkB,sBAAY,EAAEL,SAAS,EAAEI,MAAM,EAAED,KAAK,CAAC;IACzDF,MAAM;IACNK,MAAM,EAAE;EACV,CAAC;EAED,MAAMC,IAAW,GAAG;IAClBH,MAAM,EAAEjB,SAAS,CAACqB,qBAAW,EAAER,SAAS,EAAEI,MAAM,EAAEG,IAAI,CAAC;IACvDN,MAAM;IACNK,MAAM,EAAE;EACV,CAAC;EAED,OAAO;IAAEH,KAAK;IAAEI;EAAK,CAAC;AACxB;AAEO,MAAME,YAAuB,GAAAC,OAAA,CAAAD,YAAA,GAAGV,WAAW,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "UIProvider", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _UIProvider.UIProvider;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "createStyles", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _createStyles.createStyles;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "createTheme", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _createTheme.createTheme;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "darkPalette", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _palettes.darkPalette;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "defaultLabels", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _labels.defaultLabels;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "defaultTheme", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _createTheme.defaultTheme;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "duration", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () {
|
|
45
|
+
return _tokens.duration;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "fontSize", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function () {
|
|
51
|
+
return _tokens.fontSize;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "fontWeight", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () {
|
|
57
|
+
return _tokens.fontWeight;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "lightPalette", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function () {
|
|
63
|
+
return _palettes.lightPalette;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "lineHeight", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function () {
|
|
69
|
+
return _tokens.lineHeight;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, "radius", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function () {
|
|
75
|
+
return _tokens.radius;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "shadow", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function () {
|
|
81
|
+
return _tokens.shadow;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "spacing", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function () {
|
|
87
|
+
return _tokens.spacing;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "tokens", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function () {
|
|
93
|
+
return _tokens.tokens;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "useAllowFontScaling", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function () {
|
|
99
|
+
return _UIProvider.useAllowFontScaling;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "useColors", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function () {
|
|
105
|
+
return _UIProvider.useColors;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
Object.defineProperty(exports, "useIcons", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function () {
|
|
111
|
+
return _UIProvider.useIcons;
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
Object.defineProperty(exports, "useInsets", {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function () {
|
|
117
|
+
return _UIProvider.useInsets;
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
Object.defineProperty(exports, "useLabels", {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function () {
|
|
123
|
+
return _UIProvider.useLabels;
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
Object.defineProperty(exports, "useTheme", {
|
|
127
|
+
enumerable: true,
|
|
128
|
+
get: function () {
|
|
129
|
+
return _UIProvider.useTheme;
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
Object.defineProperty(exports, "useThemeMode", {
|
|
133
|
+
enumerable: true,
|
|
134
|
+
get: function () {
|
|
135
|
+
return _UIProvider.useThemeMode;
|
|
136
|
+
}
|
|
137
|
+
});
|
|
138
|
+
Object.defineProperty(exports, "zeroInsets", {
|
|
139
|
+
enumerable: true,
|
|
140
|
+
get: function () {
|
|
141
|
+
return _insets.zeroInsets;
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
var _tokens = require("./tokens");
|
|
145
|
+
var _palettes = require("./palettes");
|
|
146
|
+
var _createTheme = require("./createTheme");
|
|
147
|
+
var _labels = require("./labels");
|
|
148
|
+
var _insets = require("./insets");
|
|
149
|
+
var _createStyles = require("./createStyles");
|
|
150
|
+
var _UIProvider = require("./UIProvider");
|
|
151
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_tokens","require","_palettes","_createTheme","_labels","_insets","_createStyles","_UIProvider"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.zeroInsets = void 0;
|
|
7
|
+
/** Estructuralmente igual a EdgeInsets de react-native-safe-area-context, sin depender del paquete. */
|
|
8
|
+
|
|
9
|
+
const zeroInsets = exports.zeroInsets = {
|
|
10
|
+
top: 0,
|
|
11
|
+
right: 0,
|
|
12
|
+
bottom: 0,
|
|
13
|
+
left: 0
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=insets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["zeroInsets","exports","top","right","bottom","left"],"sourceRoot":"../../../src","sources":["theme/insets.ts"],"mappings":";;;;;;AAAA;;AAQO,MAAMA,UAAsB,GAAAC,OAAA,CAAAD,UAAA,GAAG;EAAEE,GAAG,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE;AAAE,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultLabels = void 0;
|
|
7
|
+
const defaultLabels = exports.defaultLabels = {
|
|
8
|
+
close: 'Close',
|
|
9
|
+
cancel: 'Cancel',
|
|
10
|
+
confirm: 'OK',
|
|
11
|
+
loading: 'Loading...',
|
|
12
|
+
loadingMore: 'Loading more...',
|
|
13
|
+
noResultsTitle: 'No results found',
|
|
14
|
+
noResultsDescription: 'Try a different search term',
|
|
15
|
+
search: 'Search...',
|
|
16
|
+
selectPlaceholder: 'Select...'
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=labels.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["defaultLabels","exports","close","cancel","confirm","loading","loadingMore","noResultsTitle","noResultsDescription","search","selectPlaceholder"],"sourceRoot":"../../../src","sources":["theme/labels.ts"],"mappings":";;;;;;AAYO,MAAMA,aAAqB,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACnCE,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,QAAQ;EAChBC,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE,YAAY;EACrBC,WAAW,EAAE,iBAAiB;EAC9BC,cAAc,EAAE,kBAAkB;EAClCC,oBAAoB,EAAE,6BAA6B;EACnDC,MAAM,EAAE,WAAW;EACnBC,iBAAiB,EAAE;AACrB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.lightPalette = exports.darkPalette = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* Cada color es `string`, no un literal (`as const`): light y dark tienen
|
|
9
|
+
* valores distintos para la misma clave, y createTheme() debe poder
|
|
10
|
+
* aceptar cualquier hex/rgba en los overrides — literal typing lo impediría.
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
const shared = {
|
|
14
|
+
primary: '#004cef',
|
|
15
|
+
secondary: '#00cae1',
|
|
16
|
+
white: '#ffffff',
|
|
17
|
+
black: '#000000',
|
|
18
|
+
error: '#ff3b30',
|
|
19
|
+
success: '#34c759',
|
|
20
|
+
warning: '#f59e0b'
|
|
21
|
+
};
|
|
22
|
+
const lightPalette = exports.lightPalette = {
|
|
23
|
+
...shared,
|
|
24
|
+
background: '#f8f9fa',
|
|
25
|
+
surface: '#ffffff',
|
|
26
|
+
text: '#333333',
|
|
27
|
+
textLight: '#666666',
|
|
28
|
+
border: '#e5e7eb',
|
|
29
|
+
inputBackground: '#f5f7fa',
|
|
30
|
+
overlay: 'rgba(0,0,0,0.5)'
|
|
31
|
+
};
|
|
32
|
+
const darkPalette = exports.darkPalette = {
|
|
33
|
+
...shared,
|
|
34
|
+
background: '#121212',
|
|
35
|
+
surface: '#1e1e1e',
|
|
36
|
+
text: '#ecedee',
|
|
37
|
+
textLight: '#9ba1a6',
|
|
38
|
+
border: '#2a2a2e',
|
|
39
|
+
inputBackground: '#232326',
|
|
40
|
+
overlay: 'rgba(0,0,0,0.6)'
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=palettes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["shared","primary","secondary","white","black","error","success","warning","lightPalette","exports","background","surface","text","textLight","border","inputBackground","overlay","darkPalette"],"sourceRoot":"../../../src","sources":["theme/palettes.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;;AAkBA,MAAMA,MAAM,GAAG;EACbC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE;AACX,CAAC;AAEM,MAAMC,YAAyB,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACvC,GAAGR,MAAM;EACTU,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,MAAM,EAAE,SAAS;EACjBC,eAAe,EAAE,SAAS;EAC1BC,OAAO,EAAE;AACX,CAAC;AAEM,MAAMC,WAAwB,GAAAR,OAAA,CAAAQ,WAAA,GAAG;EACtC,GAAGjB,MAAM;EACTU,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,MAAM,EAAE,SAAS;EACjBC,eAAe,EAAE,SAAS;EAC1BC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}
|