react-native-terra-ui 0.1.1 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +90 -0
- package/lib/module/components/avatar/Avatar.js +118 -35
- package/lib/module/components/avatar/Avatar.js.map +1 -1
- package/lib/module/components/box/Box.js +15 -2
- package/lib/module/components/box/Box.js.map +1 -1
- package/lib/module/components/box/utils.js +4 -1
- package/lib/module/components/box/utils.js.map +1 -1
- package/lib/module/components/button/Button.js +7 -14
- package/lib/module/components/button/Button.js.map +1 -1
- package/lib/module/components/chip/Chip.js +372 -0
- package/lib/module/components/chip/Chip.js.map +1 -0
- package/lib/module/components/chip/index.js +4 -0
- package/lib/module/components/chip/index.js.map +1 -0
- package/lib/module/components/chip/types.js +2 -0
- package/lib/module/components/chip/types.js.map +1 -0
- package/lib/module/components/chip/utils.js +36 -0
- package/lib/module/components/chip/utils.js.map +1 -0
- package/lib/module/components/empty-state/EmptyState.js +200 -0
- package/lib/module/components/empty-state/EmptyState.js.map +1 -0
- package/lib/module/components/empty-state/index.js +4 -0
- package/lib/module/components/empty-state/index.js.map +1 -0
- package/lib/module/components/empty-state/types.js +2 -0
- package/lib/module/components/empty-state/types.js.map +1 -0
- package/lib/module/components/header/header-buttons.js +31 -36
- package/lib/module/components/header/header-buttons.js.map +1 -1
- package/lib/module/components/header/index.js +1 -1
- package/lib/module/components/header/index.js.map +1 -1
- package/lib/module/components/header/parts/HeaderGradientOverlay.js +38 -0
- package/lib/module/components/header/parts/HeaderGradientOverlay.js.map +1 -0
- package/lib/module/components/header/variants/LargeTitleHeader/index.js +69 -99
- package/lib/module/components/header/variants/LargeTitleHeader/index.js.map +1 -1
- package/lib/module/components/header/variants/TitleHeader/index.js +32 -63
- package/lib/module/components/header/variants/TitleHeader/index.js.map +1 -1
- package/lib/module/components/icon/Icon.js +20 -8
- package/lib/module/components/icon/Icon.js.map +1 -1
- package/lib/module/components/image/Image.js +54 -0
- package/lib/module/components/image/Image.js.map +1 -0
- package/lib/module/components/image/index.js +4 -0
- package/lib/module/components/image/index.js.map +1 -0
- package/lib/module/components/image/types.js +4 -0
- package/lib/module/components/image/types.js.map +1 -0
- package/lib/module/components/index.js +4 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/portal/Portal.js +42 -0
- package/lib/module/components/portal/Portal.js.map +1 -0
- package/lib/module/components/portal/PortalContext.js +1 -16
- package/lib/module/components/portal/PortalContext.js.map +1 -1
- package/lib/module/components/portal/PortalHost.js +16 -14
- package/lib/module/components/portal/PortalHost.js.map +1 -1
- package/lib/module/components/portal/PortalProvider.js +51 -19
- package/lib/module/components/portal/PortalProvider.js.map +1 -1
- package/lib/module/components/portal/index.js +1 -1
- package/lib/module/components/portal/index.js.map +1 -1
- package/lib/module/components/screen/Screen.js +25 -28
- package/lib/module/components/screen/Screen.js.map +1 -1
- package/lib/module/components/screen/ScreenContext.js +7 -5
- package/lib/module/components/screen/ScreenContext.js.map +1 -1
- package/lib/module/components/screen/ScreenFlashList.js +144 -0
- package/lib/module/components/screen/ScreenFlashList.js.map +1 -0
- package/lib/module/components/screen/ScreenFlatList.js +88 -27
- package/lib/module/components/screen/ScreenFlatList.js.map +1 -1
- package/lib/module/components/screen/ScreenScrollView.js +101 -34
- package/lib/module/components/screen/ScreenScrollView.js.map +1 -1
- package/lib/module/components/screen/index.js +1 -0
- package/lib/module/components/screen/index.js.map +1 -1
- package/lib/module/components/screen/parts/BottomSafeArea.js +62 -0
- package/lib/module/components/screen/parts/BottomSafeArea.js.map +1 -0
- package/lib/module/components/screen/parts/ScreenPlaceholder.js +50 -0
- package/lib/module/components/screen/parts/ScreenPlaceholder.js.map +1 -0
- package/lib/module/components/screen/types.js +4 -0
- package/lib/module/components/screen/types.js.map +1 -0
- package/lib/module/components/screen/utils.js +12 -9
- package/lib/module/components/screen/utils.js.map +1 -1
- package/lib/module/components/surface/Surface.js +16 -9
- package/lib/module/components/surface/Surface.js.map +1 -1
- package/lib/module/components/text/Text.js +23 -5
- package/lib/module/components/text/Text.js.map +1 -1
- package/lib/module/components/toast/Toast.js +8 -8
- package/lib/module/components/toast/Toast.js.map +1 -1
- package/lib/module/components/toolbar/Toolbar.js +268 -0
- package/lib/module/components/toolbar/Toolbar.js.map +1 -0
- package/lib/module/components/toolbar/index.js +4 -0
- package/lib/module/components/toolbar/index.js.map +1 -0
- package/lib/module/context/ThemeProvider.js +5 -2
- package/lib/module/context/ThemeProvider.js.map +1 -1
- package/lib/module/{components/icon/utils.js → theme/defaults/icons.js} +1 -1
- package/lib/module/theme/defaults/icons.js.map +1 -0
- package/lib/module/theme/defaults/image.js +30 -0
- package/lib/module/theme/defaults/image.js.map +1 -0
- package/lib/module/theme/index.js +1 -1
- package/lib/module/theme/{configure.js → registry.js} +21 -28
- package/lib/module/theme/registry.js.map +1 -0
- package/lib/module/theme/runtime.js +1 -1
- package/lib/module/theme/theme.js +91 -10
- package/lib/module/theme/theme.js.map +1 -1
- package/lib/module/theme/tokens/dark.js +59 -68
- package/lib/module/theme/tokens/dark.js.map +1 -1
- package/lib/module/theme/tokens/light.js +49 -67
- package/lib/module/theme/tokens/light.js.map +1 -1
- package/lib/module/theme/tokens/primitives.js +241 -20
- package/lib/module/theme/tokens/primitives.js.map +1 -1
- package/lib/module/utils/accent-utils.js +4 -4
- package/lib/module/utils/accent-utils.js.map +1 -1
- package/lib/typescript/src/components/avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/src/components/avatar/types.d.ts +4 -4
- package/lib/typescript/src/components/avatar/types.d.ts.map +1 -1
- package/lib/typescript/src/components/box/Box.d.ts.map +1 -1
- package/lib/typescript/src/components/box/utils.d.ts +6 -1
- package/lib/typescript/src/components/box/utils.d.ts.map +1 -1
- package/lib/typescript/src/components/button/Button.d.ts +1 -1
- package/lib/typescript/src/components/button/Button.d.ts.map +1 -1
- package/lib/typescript/src/components/chip/Chip.d.ts +24 -0
- package/lib/typescript/src/components/chip/Chip.d.ts.map +1 -0
- package/lib/typescript/src/components/chip/index.d.ts +4 -0
- package/lib/typescript/src/components/chip/index.d.ts.map +1 -0
- package/lib/typescript/src/components/chip/types.d.ts +8 -0
- package/lib/typescript/src/components/chip/types.d.ts.map +1 -0
- package/lib/typescript/src/components/chip/utils.d.ts +8 -0
- package/lib/typescript/src/components/chip/utils.d.ts.map +1 -0
- package/lib/typescript/src/components/empty-state/EmptyState.d.ts +45 -0
- package/lib/typescript/src/components/empty-state/EmptyState.d.ts.map +1 -0
- package/lib/typescript/src/components/empty-state/index.d.ts +4 -0
- package/lib/typescript/src/components/empty-state/index.d.ts.map +1 -0
- package/lib/typescript/src/components/empty-state/types.d.ts +6 -0
- package/lib/typescript/src/components/empty-state/types.d.ts.map +1 -0
- package/lib/typescript/src/components/header/header-buttons.d.ts +27 -0
- package/lib/typescript/src/components/header/header-buttons.d.ts.map +1 -1
- package/lib/typescript/src/components/header/index.d.ts +1 -1
- package/lib/typescript/src/components/header/index.d.ts.map +1 -1
- package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts +7 -0
- package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts.map +1 -0
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts +1 -1
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts.map +1 -1
- package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts +18 -7
- package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts.map +1 -1
- package/lib/typescript/src/components/icon/Icon.d.ts.map +1 -1
- package/lib/typescript/src/components/image/Image.d.ts +16 -0
- package/lib/typescript/src/components/image/Image.d.ts.map +1 -0
- package/lib/typescript/src/components/image/index.d.ts +3 -0
- package/lib/typescript/src/components/image/index.d.ts.map +1 -0
- package/lib/typescript/src/components/image/types.d.ts +7 -0
- package/lib/typescript/src/components/image/types.d.ts.map +1 -0
- package/lib/typescript/src/components/index.d.ts +4 -0
- package/lib/typescript/src/components/index.d.ts.map +1 -1
- package/lib/typescript/src/components/portal/Portal.d.ts +26 -0
- package/lib/typescript/src/components/portal/Portal.d.ts.map +1 -0
- package/lib/typescript/src/components/portal/PortalContext.d.ts +11 -14
- package/lib/typescript/src/components/portal/PortalContext.d.ts.map +1 -1
- package/lib/typescript/src/components/portal/PortalHost.d.ts +9 -4
- package/lib/typescript/src/components/portal/PortalHost.d.ts.map +1 -1
- package/lib/typescript/src/components/portal/PortalProvider.d.ts +3 -3
- package/lib/typescript/src/components/portal/PortalProvider.d.ts.map +1 -1
- package/lib/typescript/src/components/portal/index.d.ts +4 -2
- package/lib/typescript/src/components/portal/index.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/Screen.d.ts +18 -13
- package/lib/typescript/src/components/screen/Screen.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenContext.d.ts +12 -9
- package/lib/typescript/src/components/screen/ScreenContext.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenFlashList.d.ts +43 -0
- package/lib/typescript/src/components/screen/ScreenFlashList.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/ScreenFlatList.d.ts +17 -7
- package/lib/typescript/src/components/screen/ScreenFlatList.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenScrollView.d.ts +51 -16
- package/lib/typescript/src/components/screen/ScreenScrollView.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/index.d.ts +3 -0
- package/lib/typescript/src/components/screen/index.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/parts/BottomSafeArea.d.ts +30 -0
- package/lib/typescript/src/components/screen/parts/BottomSafeArea.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/parts/ScreenPlaceholder.d.ts +22 -0
- package/lib/typescript/src/components/screen/parts/ScreenPlaceholder.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/types.d.ts +42 -0
- package/lib/typescript/src/components/screen/types.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/utils.d.ts +9 -9
- package/lib/typescript/src/components/screen/utils.d.ts.map +1 -1
- package/lib/typescript/src/components/surface/Surface.d.ts +7 -0
- package/lib/typescript/src/components/surface/Surface.d.ts.map +1 -1
- package/lib/typescript/src/components/text/Text.d.ts.map +1 -1
- package/lib/typescript/src/components/toolbar/Toolbar.d.ts +115 -0
- package/lib/typescript/src/components/toolbar/Toolbar.d.ts.map +1 -0
- package/lib/typescript/src/components/toolbar/index.d.ts +3 -0
- package/lib/typescript/src/components/toolbar/index.d.ts.map +1 -0
- package/lib/typescript/src/context/ThemeProvider.d.ts.map +1 -1
- package/lib/typescript/src/{components/icon/utils.d.ts → theme/defaults/icons.d.ts} +2 -2
- package/lib/typescript/src/theme/defaults/icons.d.ts.map +1 -0
- package/lib/typescript/src/theme/defaults/image.d.ts +4 -0
- package/lib/typescript/src/theme/defaults/image.d.ts.map +1 -0
- package/lib/typescript/src/theme/index.d.ts +1 -1
- package/lib/typescript/src/theme/index.d.ts.map +1 -1
- package/lib/typescript/src/theme/{configure.d.ts → registry.d.ts} +1 -1
- package/lib/typescript/src/theme/registry.d.ts.map +1 -0
- package/lib/typescript/src/theme/theme.d.ts +21 -1
- package/lib/typescript/src/theme/theme.d.ts.map +1 -1
- package/lib/typescript/src/theme/tokens/dark.d.ts +41 -64
- package/lib/typescript/src/theme/tokens/dark.d.ts.map +1 -1
- package/lib/typescript/src/theme/tokens/light.d.ts +44 -65
- package/lib/typescript/src/theme/tokens/light.d.ts.map +1 -1
- package/lib/typescript/src/theme/tokens/primitives.d.ts +228 -17
- package/lib/typescript/src/theme/tokens/primitives.d.ts.map +1 -1
- package/lib/typescript/src/theme/types.d.ts +65 -35
- package/lib/typescript/src/theme/types.d.ts.map +1 -1
- package/package.json +23 -9
- package/skills/terra-ui/SKILL.md +193 -0
- package/skills/terra-ui/references/recipes.md +198 -0
- package/skills/terra-ui/references/troubleshooting.md +112 -0
- package/src/components/avatar/Avatar.tsx +128 -38
- package/src/components/avatar/types.ts +5 -5
- package/src/components/box/Box.tsx +13 -1
- package/src/components/box/utils.ts +10 -0
- package/src/components/button/Button.tsx +7 -15
- package/src/components/chip/Chip.tsx +444 -0
- package/src/components/chip/index.ts +3 -0
- package/src/components/chip/types.ts +15 -0
- package/src/components/chip/utils.ts +34 -0
- package/src/components/empty-state/EmptyState.tsx +209 -0
- package/src/components/empty-state/index.ts +3 -0
- package/src/components/empty-state/types.ts +5 -0
- package/src/components/header/header-buttons.tsx +33 -45
- package/src/components/header/index.ts +2 -0
- package/src/components/header/parts/HeaderGradientOverlay.tsx +29 -0
- package/src/components/header/variants/LargeTitleHeader/index.tsx +68 -102
- package/src/components/header/variants/TitleHeader/index.tsx +47 -56
- package/src/components/icon/Icon.tsx +20 -15
- package/src/components/image/Image.tsx +48 -0
- package/src/components/image/index.ts +2 -0
- package/src/components/image/types.ts +7 -0
- package/src/components/index.ts +4 -0
- package/src/components/portal/Portal.tsx +55 -0
- package/src/components/portal/PortalContext.tsx +14 -22
- package/src/components/portal/PortalHost.tsx +17 -10
- package/src/components/portal/PortalProvider.tsx +58 -21
- package/src/components/portal/index.ts +4 -2
- package/src/components/screen/Screen.tsx +45 -59
- package/src/components/screen/ScreenContext.tsx +19 -12
- package/src/components/screen/ScreenFlashList.tsx +196 -0
- package/src/components/screen/ScreenFlatList.tsx +100 -39
- package/src/components/screen/ScreenScrollView.tsx +114 -53
- package/src/components/screen/index.ts +3 -0
- package/src/components/screen/parts/BottomSafeArea.tsx +60 -0
- package/src/components/screen/parts/ScreenPlaceholder.tsx +55 -0
- package/src/components/screen/types.ts +43 -0
- package/src/components/screen/utils.ts +29 -15
- package/src/components/surface/Surface.tsx +17 -20
- package/src/components/text/Text.tsx +23 -5
- package/src/components/toast/Toast.tsx +8 -8
- package/src/components/toolbar/Toolbar.tsx +353 -0
- package/src/components/toolbar/index.ts +6 -0
- package/src/context/ThemeProvider.tsx +5 -4
- package/src/{components/icon/utils.tsx → theme/defaults/icons.tsx} +1 -1
- package/src/theme/defaults/image.tsx +34 -0
- package/src/theme/index.ts +1 -1
- package/src/theme/{configure.ts → registry.ts} +19 -34
- package/src/theme/runtime.ts +1 -1
- package/src/theme/theme.ts +127 -13
- package/src/theme/tokens/dark.ts +60 -69
- package/src/theme/tokens/light.ts +50 -68
- package/src/theme/tokens/primitives.ts +248 -20
- package/src/theme/types.ts +67 -35
- package/src/utils/accent-utils.ts +4 -4
- package/lib/module/components/icon/utils.js.map +0 -1
- package/lib/module/theme/configure.js.map +0 -1
- package/lib/typescript/src/components/icon/utils.d.ts.map +0 -1
- package/lib/typescript/src/theme/configure.d.ts.map +0 -1
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
# Changelog
|
|
2
|
+
|
|
3
|
+
## [0.2.0](https://github.com/earthling-std/react-native-terra-ui/compare/v0.1.1...v0.2.0) (2026-08-22)
|
|
4
|
+
|
|
5
|
+
### ⚠ BREAKING CHANGES
|
|
6
|
+
|
|
7
|
+
* **ui:** `action.bg.subtle` / `action.fg.subtle` are renamed to
|
|
8
|
+
`action.bg.primary.subtle` / `action.fg.primary.subtle`. `action.bg.neutral`,
|
|
9
|
+
`action.bg.neutral.hover/active/disabled`, and `action.fg.neutral` are
|
|
10
|
+
removed. `Button`'s `neutral` variant is removed; its `secondary` variant
|
|
11
|
+
now renders the neutral-gray `action.bg.secondary` scheme instead of a
|
|
12
|
+
primary-tinted subtle fill.
|
|
13
|
+
|
|
14
|
+
* chore: sync and archive fix-status-token-contrast change
|
|
15
|
+
|
|
16
|
+
Sync theme-status-tokens' delta spec into a new main spec, then archive
|
|
17
|
+
the completed change to openspec/changes/archive/.
|
|
18
|
+
* **ui:** `bg` is now `background` on `Toolbar.Group` and
|
|
19
|
+
`Toolbar.Button`, and `Toolbar.Button`'s `color` is now `tint`. The `color`
|
|
20
|
+
rename also reaches the deprecated `HeaderButton` alias, whose props are
|
|
21
|
+
`ToolbarButtonProps`.
|
|
22
|
+
* **ui:** `LeftComponent` / `RightComponent` on `Header.Title` and
|
|
23
|
+
`Header.LargeTitle` are now `LeftToolbar` / `RightToolbar`. They still take a
|
|
24
|
+
`ReactNode`, but the header supplies the surrounding `Toolbar` row, so pass
|
|
25
|
+
`Toolbar.Group` / `Toolbar.Button` children directly rather than your own row.
|
|
26
|
+
* **ui:** Avatar's color prop values 'default'/'accent' are
|
|
27
|
+
now 'secondary'/'primary'; variant value 'default' is now 'solid'.
|
|
28
|
+
* **theme:** ThemeColor's status token keys have been renamed
|
|
29
|
+
(`status.bg.<color>` -> `status.<color>.bg`, `status.fg.<color>` ->
|
|
30
|
+
`status.<color>.fg`, `status.border.<color>` -> `status.<color>.border`,
|
|
31
|
+
and their `.subtle` variants). Any `configureTerraUI({ shared/schemes:
|
|
32
|
+
{ color: {...} } })` override or direct `theme.color[...]` read using the
|
|
33
|
+
old key names must be updated to the new names.
|
|
34
|
+
|
|
35
|
+
### Features
|
|
36
|
+
|
|
37
|
+
* **showcase:** [empty-state] add EmptyState screen ([783098c](https://github.com/earthling-std/react-native-terra-ui/commit/783098c4846fce1352ec0610eb26115c2babfd2d))
|
|
38
|
+
* **showcase:** add neutral accent and set as default ([581955f](https://github.com/earthling-std/react-native-terra-ui/commit/581955f1ccedb9f5eec39de570cb241cc6179b31))
|
|
39
|
+
* **theme:** deepen the elevation shadow ladder ([7483856](https://github.com/earthling-std/react-native-terra-ui/commit/74838562674966c80bbb6aad9a65a33be5f712c3))
|
|
40
|
+
* **theme:** tighten the elevation shadow scale ([ac7161a](https://github.com/earthling-std/react-native-terra-ui/commit/ac7161af212ba58c995e3be53cbae63dea35eb95))
|
|
41
|
+
* **ui:** [avatar] align color/variant props with chip scheme ([#2](https://github.com/earthling-std/react-native-terra-ui/issues/2)) ([7aad551](https://github.com/earthling-std/react-native-terra-ui/commit/7aad551c7eb79c20bb6b7f12b5d0a89d4516c411))
|
|
42
|
+
* **ui:** [box] add an elevation token prop ([c9329d8](https://github.com/earthling-std/react-native-terra-ui/commit/c9329d80165e6392f4fe936b5c05c3dc8826a04f))
|
|
43
|
+
* **ui:** [chip] add themed Chip component ([#1](https://github.com/earthling-std/react-native-terra-ui/issues/1)) ([a71580b](https://github.com/earthling-std/react-native-terra-ui/commit/a71580bf4b57c03b459b3daa252fbe7e1cb72408))
|
|
44
|
+
* **ui:** [empty-state] add themed EmptyState component ([4c104b6](https://github.com/earthling-std/react-native-terra-ui/commit/4c104b63749f9b666c4dff7c17035836f2724f2e))
|
|
45
|
+
* **ui:** [header] allow a style override on HeaderButton ([f2cbe33](https://github.com/earthling-std/react-native-terra-ui/commit/f2cbe33d55c22f4b070bc960170536699bf42a21))
|
|
46
|
+
* **ui:** [screen] add a loading placeholder to Screen.ScrollView ([e79983e](https://github.com/earthling-std/react-native-terra-ui/commit/e79983e4b2731143f3ca841a974812ec2c0045ea))
|
|
47
|
+
* **ui:** [screen] clear native tab bars with a measuring bottom safe area ([#7](https://github.com/earthling-std/react-native-terra-ui/issues/7)) ([34f7b4c](https://github.com/earthling-std/react-native-terra-ui/commit/34f7b4ccaf535bd369af9513cd5970fa66d874c9))
|
|
48
|
+
* **ui:** [screen] paint the screen background on the scroll container ([a467d0f](https://github.com/earthling-std/react-native-terra-ui/commit/a467d0f9e9a734c04504de73a8f5c59fafd5b465))
|
|
49
|
+
* **ui:** [screen] reserve the header inset in content padding ([#5](https://github.com/earthling-std/react-native-terra-ui/issues/5)) ([23c3d81](https://github.com/earthling-std/react-native-terra-ui/commit/23c3d81b21b91e739e21fdaf101cc18fc2b586c4))
|
|
50
|
+
* **ui:** [text] support per-weight italic font families ([0f889ba](https://github.com/earthling-std/react-native-terra-ui/commit/0f889ba2218a355eb49515a92d331aaa5dca98eb))
|
|
51
|
+
* **ui:** [theme] derive spacing scale from a single spacing.base primitive ([98eca2a](https://github.com/earthling-std/react-native-terra-ui/commit/98eca2a411a553c075c976b9a322a15842b82900))
|
|
52
|
+
* **ui:** [toolbar] add Toolbar with grouped icon actions ([#6](https://github.com/earthling-std/react-native-terra-ui/issues/6)) ([15b84c6](https://github.com/earthling-std/react-native-terra-ui/commit/15b84c601e12c84e786a8f44df4bbdce6198dbf0))
|
|
53
|
+
|
|
54
|
+
### Bug Fixes
|
|
55
|
+
|
|
56
|
+
* **theme:** adjust light background token for neutral accent contrast ([eb6b2cb](https://github.com/earthling-std/react-native-terra-ui/commit/eb6b2cb481979ca39fe55ce8867f2874d00c9e80))
|
|
57
|
+
* **ui:** [chip] fix sm/md size variant values and bump label weight ([f737320](https://github.com/earthling-std/react-native-terra-ui/commit/f737320bef29f504579892b8b0b0a200ddb907b7))
|
|
58
|
+
* **ui:** [chip] pass the foreground token to the label and icon ([c38cec3](https://github.com/earthling-std/react-native-terra-ui/commit/c38cec3ed7a08a009229972718d53814456237c2))
|
|
59
|
+
* **ui:** [chip] subscribe to theme changes so variant changes commit ([17a5106](https://github.com/earthling-std/react-native-terra-ui/commit/17a51069f2839e3f5a02899938b54dabbd4cf113))
|
|
60
|
+
* **ui:** [image] change default radius to none ([bbd78ee](https://github.com/earthling-std/react-native-terra-ui/commit/bbd78ee55859639fc333a5e46403b371cf328013))
|
|
61
|
+
* **ui:** [screen] resolve theme-switch crash in Screen ([#4](https://github.com/earthling-std/react-native-terra-ui/issues/4)) ([34192ea](https://github.com/earthling-std/react-native-terra-ui/commit/34192eab199f705f2e3d0fb5da9f667cd92b8982))
|
|
62
|
+
* **ui:** [surface] keep the background live across theme switches ([b210551](https://github.com/earthling-std/react-native-terra-ui/commit/b210551d54e118d06359d93044d381d988db0f07))
|
|
63
|
+
* **ui:** [theme] raise dark text and secondary-subtle contrast ([59c294c](https://github.com/earthling-std/react-native-terra-ui/commit/59c294cbd9f7bfb63885f1139877138cabe66ca6))
|
|
64
|
+
* **ui:** fix status-token contrast and consolidate action tokens ([#3](https://github.com/earthling-std/react-native-terra-ui/issues/3)) ([593584e](https://github.com/earthling-std/react-native-terra-ui/commit/593584ebfaa97e2caeb3171a7169304e3a988b26))
|
|
65
|
+
* **ui:** render Box, Text and Icon through Unistyles-aware elements ([6e52079](https://github.com/earthling-std/react-native-terra-ui/commit/6e5207961a353ca47c52fc940d52f4c63e07ec90))
|
|
66
|
+
|
|
67
|
+
### Refactoring
|
|
68
|
+
|
|
69
|
+
* **theme:** consolidate elevation tokens into color.shadow + primitives ([c3aa70e](https://github.com/earthling-std/react-native-terra-ui/commit/c3aa70e62a405101eec5ea5af5ed2642c71a5644)), references [#000000](https://github.com/earthling-std/react-native-terra-ui/issues/000000)
|
|
70
|
+
* **theme:** reorder status color token segments to color-then-property ([5760bab](https://github.com/earthling-std/react-native-terra-ui/commit/5760babfdec2cbf8d06969480389f14ea9cd974f))
|
|
71
|
+
|
|
72
|
+
### Documentation
|
|
73
|
+
|
|
74
|
+
* retarget the unistyles skill to this repo ([7f64956](https://github.com/earthling-std/react-native-terra-ui/commit/7f64956f292f016b8af2d158698f40d2bee3f648))
|
|
75
|
+
* rewrite the ui-component-library skill for this repo ([e1950b9](https://github.com/earthling-std/react-native-terra-ui/commit/e1950b9d49650dbc6774f9d8bc9eebaf1754451e))
|
|
76
|
+
* **ui:** ship a consumer-facing terra-ui skill in the package ([1957b70](https://github.com/earthling-std/react-native-terra-ui/commit/1957b708fd9c6aa68c97c99a40beb6991a90c76b))
|
|
77
|
+
* update conventional commit rules ([3c051f3](https://github.com/earthling-std/react-native-terra-ui/commit/3c051f39d8cdd256952145691d7bde0afb0ac0d7))
|
|
78
|
+
|
|
79
|
+
### Build System
|
|
80
|
+
|
|
81
|
+
* **deps:** upgrade react-native-reanimated and react-native-worklets ([2afd001](https://github.com/earthling-std/react-native-terra-ui/commit/2afd001582d4eb3fbbff2b7e625f2cf12e8ffa27))
|
|
82
|
+
|
|
83
|
+
All notable changes to this package are documented here. Entries are generated
|
|
84
|
+
from [Conventional Commits](../../docs/git-conventions.md) when a release is cut;
|
|
85
|
+
see [CONTRIBUTING.md](../../CONTRIBUTING.md#releasing) for the release process.
|
|
86
|
+
|
|
87
|
+
## 0.1.1 (2026-07-24)
|
|
88
|
+
|
|
89
|
+
Baseline. Releases before this pipeline existed were published by hand and have
|
|
90
|
+
no generated notes; see the commit history for what they contained.
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { Text, View } from 'react-native';
|
|
5
|
-
import { useUnistyles } from 'react-native-unistyles';
|
|
6
|
-
import { getImageComponent } from "../../theme/configure.js";
|
|
5
|
+
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
7
6
|
import { Icon } from "../icon/index.js";
|
|
7
|
+
import { Image } from "../image/index.js";
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
9
|
const SIZE_PX = {
|
|
10
10
|
xs: 24,
|
|
@@ -31,31 +31,15 @@ function getBorderRadius(shape, sizePx, radiusMd) {
|
|
|
31
31
|
if (shape === 'rounded') return radiusMd;
|
|
32
32
|
return 0;
|
|
33
33
|
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
if (color === 'accent') {
|
|
44
|
-
return variant === 'soft' ? {
|
|
45
|
-
bg: c['action.bg.subtle'],
|
|
46
|
-
fg: c['action.fg.subtle']
|
|
47
|
-
} : {
|
|
48
|
-
bg: c['action.bg.primary'],
|
|
49
|
-
fg: c['action.fg.primary']
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
return variant === 'soft' ? {
|
|
53
|
-
bg: get(`status.bg.${color}.subtle`),
|
|
54
|
-
fg: get(`status.fg.${color}.subtle`)
|
|
55
|
-
} : {
|
|
56
|
-
bg: get(`status.bg.${color}`),
|
|
57
|
-
fg: get(`status.fg.${color}`)
|
|
58
|
-
};
|
|
34
|
+
|
|
35
|
+
// `Image` clips its own content to a `RadiusKey` theme token, independent of
|
|
36
|
+
// Avatar's own container radius — this keeps the two in sync per `shape`.
|
|
37
|
+
// `'full'` (theme.radius.full) clamps to a circle at any size, same as the
|
|
38
|
+
// container's computed `sizePx / 2`.
|
|
39
|
+
function getImageRadius(shape) {
|
|
40
|
+
if (shape === 'circle') return 'full';
|
|
41
|
+
if (shape === 'rounded') return 'md';
|
|
42
|
+
return 'none';
|
|
59
43
|
}
|
|
60
44
|
export function Avatar({
|
|
61
45
|
size = 'md',
|
|
@@ -64,8 +48,8 @@ export function Avatar({
|
|
|
64
48
|
name,
|
|
65
49
|
fallback,
|
|
66
50
|
contentFit = 'cover',
|
|
67
|
-
color = '
|
|
68
|
-
variant = '
|
|
51
|
+
color = 'secondary',
|
|
52
|
+
variant = 'solid',
|
|
69
53
|
style,
|
|
70
54
|
...rest
|
|
71
55
|
}) {
|
|
@@ -73,13 +57,15 @@ export function Avatar({
|
|
|
73
57
|
theme
|
|
74
58
|
} = useUnistyles();
|
|
75
59
|
const [hasError, setHasError] = useState(false);
|
|
60
|
+
styles.useVariants({
|
|
61
|
+
color,
|
|
62
|
+
variant
|
|
63
|
+
});
|
|
76
64
|
const sizePx = SIZE_PX[size];
|
|
77
65
|
const borderRadius = getBorderRadius(shape, sizePx, theme.radius.md);
|
|
78
66
|
const showFallback = !source || hasError;
|
|
79
|
-
const
|
|
80
|
-
|
|
81
|
-
fg
|
|
82
|
-
} = resolveAvatarColors(color, variant, theme);
|
|
67
|
+
const bg = styles.base.backgroundColor ?? '';
|
|
68
|
+
const fg = styles.base.color ?? '';
|
|
83
69
|
const fallbackContent = fallback !== undefined ? fallback : name ? /*#__PURE__*/_jsx(Text, {
|
|
84
70
|
style: {
|
|
85
71
|
fontSize: INITIALS_FONT_SIZE[size],
|
|
@@ -94,7 +80,6 @@ export function Avatar({
|
|
|
94
80
|
size: sizePx,
|
|
95
81
|
color: fg
|
|
96
82
|
});
|
|
97
|
-
const ImageComponent = getImageComponent();
|
|
98
83
|
return /*#__PURE__*/_jsx(View, {
|
|
99
84
|
...rest,
|
|
100
85
|
style: [{
|
|
@@ -106,16 +91,114 @@ export function Avatar({
|
|
|
106
91
|
justifyContent: 'center',
|
|
107
92
|
overflow: 'hidden'
|
|
108
93
|
}, style],
|
|
109
|
-
children: showFallback ? fallbackContent : /*#__PURE__*/_jsx(
|
|
94
|
+
children: showFallback ? fallbackContent : /*#__PURE__*/_jsx(Image, {
|
|
110
95
|
source: source,
|
|
111
96
|
style: {
|
|
112
97
|
width: sizePx,
|
|
113
98
|
height: sizePx
|
|
114
99
|
},
|
|
100
|
+
radius: getImageRadius(shape),
|
|
115
101
|
contentFit: contentFit,
|
|
116
102
|
accessibilityLabel: name,
|
|
117
103
|
onError: () => setHasError(true)
|
|
118
104
|
})
|
|
119
105
|
});
|
|
120
106
|
}
|
|
107
|
+
|
|
108
|
+
// ─── Styles ───────────────────────────────────────────────────────────────────
|
|
109
|
+
|
|
110
|
+
// One compound variant per (color, variant) cell of the spec's token table —
|
|
111
|
+
// `variants` below only registers the axis names/options for the type
|
|
112
|
+
// system; the actual bg/fg values all come from `compoundVariants`.
|
|
113
|
+
const styles = StyleSheet.create(theme => {
|
|
114
|
+
const c = theme.color;
|
|
115
|
+
return {
|
|
116
|
+
base: {
|
|
117
|
+
variants: {
|
|
118
|
+
color: {
|
|
119
|
+
secondary: {},
|
|
120
|
+
primary: {},
|
|
121
|
+
success: {},
|
|
122
|
+
warning: {},
|
|
123
|
+
danger: {}
|
|
124
|
+
},
|
|
125
|
+
variant: {
|
|
126
|
+
solid: {},
|
|
127
|
+
soft: {}
|
|
128
|
+
}
|
|
129
|
+
},
|
|
130
|
+
compoundVariants: [{
|
|
131
|
+
color: 'secondary',
|
|
132
|
+
variant: 'solid',
|
|
133
|
+
styles: {
|
|
134
|
+
backgroundColor: c['action.bg.secondary'],
|
|
135
|
+
color: c['action.fg.secondary']
|
|
136
|
+
}
|
|
137
|
+
}, {
|
|
138
|
+
color: 'secondary',
|
|
139
|
+
variant: 'soft',
|
|
140
|
+
styles: {
|
|
141
|
+
backgroundColor: c['action.bg.secondary.subtle'],
|
|
142
|
+
color: c['action.fg.secondary.subtle']
|
|
143
|
+
}
|
|
144
|
+
}, {
|
|
145
|
+
color: 'primary',
|
|
146
|
+
variant: 'solid',
|
|
147
|
+
styles: {
|
|
148
|
+
backgroundColor: c['action.bg.primary'],
|
|
149
|
+
color: c['action.fg.primary']
|
|
150
|
+
}
|
|
151
|
+
}, {
|
|
152
|
+
color: 'primary',
|
|
153
|
+
variant: 'soft',
|
|
154
|
+
styles: {
|
|
155
|
+
backgroundColor: c['action.bg.primary.subtle'],
|
|
156
|
+
color: c['action.fg.primary.subtle']
|
|
157
|
+
}
|
|
158
|
+
}, {
|
|
159
|
+
color: 'success',
|
|
160
|
+
variant: 'solid',
|
|
161
|
+
styles: {
|
|
162
|
+
backgroundColor: c['status.success.bg'],
|
|
163
|
+
color: c['status.success.fg']
|
|
164
|
+
}
|
|
165
|
+
}, {
|
|
166
|
+
color: 'success',
|
|
167
|
+
variant: 'soft',
|
|
168
|
+
styles: {
|
|
169
|
+
backgroundColor: c['status.success.bg.subtle'],
|
|
170
|
+
color: c['status.success.fg.subtle']
|
|
171
|
+
}
|
|
172
|
+
}, {
|
|
173
|
+
color: 'warning',
|
|
174
|
+
variant: 'solid',
|
|
175
|
+
styles: {
|
|
176
|
+
backgroundColor: c['status.warning.bg'],
|
|
177
|
+
color: c['status.warning.fg']
|
|
178
|
+
}
|
|
179
|
+
}, {
|
|
180
|
+
color: 'warning',
|
|
181
|
+
variant: 'soft',
|
|
182
|
+
styles: {
|
|
183
|
+
backgroundColor: c['status.warning.bg.subtle'],
|
|
184
|
+
color: c['status.warning.fg.subtle']
|
|
185
|
+
}
|
|
186
|
+
}, {
|
|
187
|
+
color: 'danger',
|
|
188
|
+
variant: 'solid',
|
|
189
|
+
styles: {
|
|
190
|
+
backgroundColor: c['status.danger.bg'],
|
|
191
|
+
color: c['status.danger.fg']
|
|
192
|
+
}
|
|
193
|
+
}, {
|
|
194
|
+
color: 'danger',
|
|
195
|
+
variant: 'soft',
|
|
196
|
+
styles: {
|
|
197
|
+
backgroundColor: c['status.danger.bg.subtle'],
|
|
198
|
+
color: c['status.danger.fg.subtle']
|
|
199
|
+
}
|
|
200
|
+
}]
|
|
201
|
+
}
|
|
202
|
+
};
|
|
203
|
+
});
|
|
121
204
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useState","Text","View","
|
|
1
|
+
{"version":3,"names":["useState","Text","View","StyleSheet","useUnistyles","Icon","Image","jsx","_jsx","SIZE_PX","xs","sm","md","lg","xl","INITIALS_FONT_SIZE","getInitials","name","parts","trim","split","first","last","length","toUpperCase","getBorderRadius","shape","sizePx","radiusMd","getImageRadius","Avatar","size","source","fallback","contentFit","color","variant","style","rest","theme","hasError","setHasError","styles","useVariants","borderRadius","radius","showFallback","bg","base","backgroundColor","fg","fallbackContent","undefined","fontSize","fontWeight","includeFontPadding","numberOfLines","children","width","height","alignItems","justifyContent","overflow","accessibilityLabel","onError","create","c","variants","secondary","primary","success","warning","danger","solid","soft","compoundVariants"],"sourceRoot":"../../../../src","sources":["components/avatar/Avatar.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEzC,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAIjE,SAASC,IAAI;AACb,SAASC,KAAK;AAAmB,SAAAC,GAAA,IAAAC,IAAA;AAGjC,MAAMC,OAAmC,GAAG;EAC1CC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,kBAA8C,GAAG;EACrDL,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,SAASE,WAAWA,CAACC,IAAY,EAAU;EACzC,MAAMC,KAAK,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,KAAK,CAAC,KAAK,CAAC;EACtC,MAAMC,KAAK,GAAGH,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;EACjC,MAAMI,IAAI,GAAGJ,KAAK,CAACK,MAAM,GAAG,CAAC,GAAIL,KAAK,CAACA,KAAK,CAACK,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAI,EAAE;EACzE,OAAO,CAACF,KAAK,GAAGC,IAAI,EAAEE,WAAW,CAAC,CAAC;AACrC;AAEA,SAASC,eAAeA,CACtBC,KAAkB,EAClBC,MAAc,EACdC,QAAgB,EACR;EACR,IAAIF,KAAK,KAAK,QAAQ,EAAE,OAAOC,MAAM,GAAG,CAAC;EACzC,IAAID,KAAK,KAAK,SAAS,EAAE,OAAOE,QAAQ;EACxC,OAAO,CAAC;AACV;;AAEA;AACA;AACA;AACA;AACA,SAASC,cAAcA,CAACH,KAAkB,EAAa;EACrD,IAAIA,KAAK,KAAK,QAAQ,EAAE,OAAO,MAAM;EACrC,IAAIA,KAAK,KAAK,SAAS,EAAE,OAAO,IAAI;EACpC,OAAO,MAAM;AACf;AAEA,OAAO,SAASI,MAAMA,CAAC;EACrBC,IAAI,GAAG,IAAI;EACXL,KAAK,GAAG,QAAQ;EAChBM,MAAM;EACNf,IAAI;EACJgB,QAAQ;EACRC,UAAU,GAAG,OAAO;EACpBC,KAAK,GAAG,WAAW;EACnBC,OAAO,GAAG,OAAO;EACjBC,KAAK;EACL,GAAGC;AACQ,CAAC,EAAE;EACd,MAAM;IAAEC;EAAM,CAAC,GAAGnC,YAAY,CAAC,CAAC;EAChC,MAAM,CAACoC,QAAQ,EAAEC,WAAW,CAAC,GAAGzC,QAAQ,CAAC,KAAK,CAAC;EAC/C0C,MAAM,CAACC,WAAW,CAAC;IAAER,KAAK;IAAEC;EAAQ,CAAC,CAAC;EAEtC,MAAMT,MAAM,GAAGlB,OAAO,CAACsB,IAAI,CAAC;EAC5B,MAAMa,YAAY,GAAGnB,eAAe,CAACC,KAAK,EAAEC,MAAM,EAAEY,KAAK,CAACM,MAAM,CAACjC,EAAE,CAAC;EACpE,MAAMkC,YAAY,GAAG,CAACd,MAAM,IAAIQ,QAAQ;EAExC,MAAMO,EAAE,GAAGL,MAAM,CAACM,IAAI,CAACC,eAAe,IAAI,EAAE;EAC5C,MAAMC,EAAE,GAAGR,MAAM,CAACM,IAAI,CAACb,KAAK,IAAI,EAAE;EAElC,MAAMgB,eAAe,GACnBlB,QAAQ,KAAKmB,SAAS,GACpBnB,QAAQ,GACNhB,IAAI,gBACNT,IAAA,CAACP,IAAI;IACHoC,KAAK,EAAE;MACLgB,QAAQ,EAAEtC,kBAAkB,CAACgB,IAAI,CAAC;MAClCuB,UAAU,EAAE,KAAK;MACjBnB,KAAK,EAAEe,EAAE;MACTK,kBAAkB,EAAE;IACtB,CAAE;IACFC,aAAa,EAAE,CAAE;IAAAC,QAAA,EAEhBzC,WAAW,CAACC,IAAI;EAAC,CACd,CAAC,gBAEPT,IAAA,CAACH,IAAI;IAACY,IAAI,EAAC,QAAQ;IAACc,IAAI,EAAEJ,MAAO;IAACQ,KAAK,EAAEe;EAAG,CAAE,CAC/C;EAEH,oBACE1C,IAAA,CAACN,IAAI;IAAA,GACCoC,IAAI;IACRD,KAAK,EAAE,CACL;MACEqB,KAAK,EAAE/B,MAAM;MACbgC,MAAM,EAAEhC,MAAM;MACdiB,YAAY;MACZK,eAAe,EAAEF,EAAE;MACnBa,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE;IACZ,CAAC,EACDzB,KAAK,CACL;IAAAoB,QAAA,EAEDX,YAAY,GACXK,eAAe,gBAEf3C,IAAA,CAACF,KAAK;MACJ0B,MAAM,EAAEA,MAAO;MACfK,KAAK,EAAE;QAAEqB,KAAK,EAAE/B,MAAM;QAAEgC,MAAM,EAAEhC;MAAO,CAAE;MACzCkB,MAAM,EAAEhB,cAAc,CAACH,KAAK,CAAE;MAC9BQ,UAAU,EAAEA,UAAW;MACvB6B,kBAAkB,EAAE9C,IAAK;MACzB+C,OAAO,EAAEA,CAAA,KAAMvB,WAAW,CAAC,IAAI;IAAE,CAClC;EACF,CACG,CAAC;AAEX;;AAEA;;AAEA;AACA;AACA;AACA,MAAMC,MAAM,GAAGvC,UAAU,CAAC8D,MAAM,CAAE1B,KAAK,IAAK;EAC1C,MAAM2B,CAAC,GAAG3B,KAAK,CAACJ,KAAK;EAErB,OAAO;IACLa,IAAI,EAAE;MACJmB,QAAQ,EAAE;QACRhC,KAAK,EAAE;UACLiC,SAAS,EAAE,CAAC,CAAC;UACbC,OAAO,EAAE,CAAC,CAAC;UACXC,OAAO,EAAE,CAAC,CAAC;UACXC,OAAO,EAAE,CAAC,CAAC;UACXC,MAAM,EAAE,CAAC;QACX,CAAC;QACDpC,OAAO,EAAE;UACPqC,KAAK,EAAE,CAAC,CAAC;UACTC,IAAI,EAAE,CAAC;QACT;MACF,CAAC;MACDC,gBAAgB,EAAE,CAChB;QACExC,KAAK,EAAE,WAAW;QAClBC,OAAO,EAAE,OAAO;QAChBM,MAAM,EAAE;UACNO,eAAe,EAAEiB,CAAC,CAAC,qBAAqB,CAAC;UACzC/B,KAAK,EAAE+B,CAAC,CAAC,qBAAqB;QAChC;MACF,CAAC,EACD;QACE/B,KAAK,EAAE,WAAW;QAClBC,OAAO,EAAE,MAAM;QACfM,MAAM,EAAE;UACNO,eAAe,EAAEiB,CAAC,CAAC,4BAA4B,CAAC;UAChD/B,KAAK,EAAE+B,CAAC,CAAC,4BAA4B;QACvC;MACF,CAAC,EACD;QACE/B,KAAK,EAAE,SAAS;QAChBC,OAAO,EAAE,OAAO;QAChBM,MAAM,EAAE;UACNO,eAAe,EAAEiB,CAAC,CAAC,mBAAmB,CAAC;UACvC/B,KAAK,EAAE+B,CAAC,CAAC,mBAAmB;QAC9B;MACF,CAAC,EACD;QACE/B,KAAK,EAAE,SAAS;QAChBC,OAAO,EAAE,MAAM;QACfM,MAAM,EAAE;UACNO,eAAe,EAAEiB,CAAC,CAAC,0BAA0B,CAAC;UAC9C/B,KAAK,EAAE+B,CAAC,CAAC,0BAA0B;QACrC;MACF,CAAC,EACD;QACE/B,KAAK,EAAE,SAAS;QAChBC,OAAO,EAAE,OAAO;QAChBM,MAAM,EAAE;UACNO,eAAe,EAAEiB,CAAC,CAAC,mBAAmB,CAAC;UACvC/B,KAAK,EAAE+B,CAAC,CAAC,mBAAmB;QAC9B;MACF,CAAC,EACD;QACE/B,KAAK,EAAE,SAAS;QAChBC,OAAO,EAAE,MAAM;QACfM,MAAM,EAAE;UACNO,eAAe,EAAEiB,CAAC,CAAC,0BAA0B,CAAC;UAC9C/B,KAAK,EAAE+B,CAAC,CAAC,0BAA0B;QACrC;MACF,CAAC,EACD;QACE/B,KAAK,EAAE,SAAS;QAChBC,OAAO,EAAE,OAAO;QAChBM,MAAM,EAAE;UACNO,eAAe,EAAEiB,CAAC,CAAC,mBAAmB,CAAC;UACvC/B,KAAK,EAAE+B,CAAC,CAAC,mBAAmB;QAC9B;MACF,CAAC,EACD;QACE/B,KAAK,EAAE,SAAS;QAChBC,OAAO,EAAE,MAAM;QACfM,MAAM,EAAE;UACNO,eAAe,EAAEiB,CAAC,CAAC,0BAA0B,CAAC;UAC9C/B,KAAK,EAAE+B,CAAC,CAAC,0BAA0B;QACrC;MACF,CAAC,EACD;QACE/B,KAAK,EAAE,QAAQ;QACfC,OAAO,EAAE,OAAO;QAChBM,MAAM,EAAE;UACNO,eAAe,EAAEiB,CAAC,CAAC,kBAAkB,CAAC;UACtC/B,KAAK,EAAE+B,CAAC,CAAC,kBAAkB;QAC7B;MACF,CAAC,EACD;QACE/B,KAAK,EAAE,QAAQ;QACfC,OAAO,EAAE,MAAM;QACfM,MAAM,EAAE;UACNO,eAAe,EAAEiB,CAAC,CAAC,yBAAyB,CAAC;UAC7C/B,KAAK,EAAE+B,CAAC,CAAC,yBAAyB;QACpC;MACF,CAAC;IAEL;EACF,CAAC;AACH,CAAC,CAAC","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
|
-
import { useUnistyles } from 'react-native-unistyles';
|
|
5
|
+
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
6
6
|
import { Slot } from "../slot/index.js";
|
|
7
7
|
import { BOX_STYLE_PROP_KEYS, resolveBoxStyle } from "./utils.js";
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -27,7 +27,7 @@ export const Box = /*#__PURE__*/forwardRef(function Box({
|
|
|
27
27
|
const value = rest[key];
|
|
28
28
|
if (STYLE_KEYS.has(key)) styleProps[key] = value;else viewProps[key] = value;
|
|
29
29
|
}
|
|
30
|
-
const mergedStyle = [resolveBoxStyle(styleProps, theme), style];
|
|
30
|
+
const mergedStyle = [styles.root, resolveBoxStyle(styleProps, theme), style];
|
|
31
31
|
if (asChild) {
|
|
32
32
|
return /*#__PURE__*/_jsx(Slot, {
|
|
33
33
|
ownerName: "Box",
|
|
@@ -46,4 +46,17 @@ export const Box = /*#__PURE__*/forwardRef(function Box({
|
|
|
46
46
|
children: children
|
|
47
47
|
});
|
|
48
48
|
});
|
|
49
|
+
|
|
50
|
+
// ─── Styles ───────────────────────────────────────────────────────────────────
|
|
51
|
+
//
|
|
52
|
+
// Box has no static style of its own — this stylesheet exists so the
|
|
53
|
+
// Unistyles Babel plugin swaps the `View` imported above for its Unistyles-aware
|
|
54
|
+
// counterpart, which registers the ShadowNode with the native side. That is what
|
|
55
|
+
// keeps a Unistyles style passed in through `style` updating on theme change;
|
|
56
|
+
// without it the style freezes at whichever theme was active when it was
|
|
57
|
+
// created, and only callers that happen to subscribe to the theme themselves
|
|
58
|
+
// would appear to work.
|
|
59
|
+
const styles = StyleSheet.create(() => ({
|
|
60
|
+
root: {}
|
|
61
|
+
}));
|
|
49
62
|
//# sourceMappingURL=Box.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","View","useUnistyles","Slot","BOX_STYLE_PROP_KEYS","resolveBoxStyle","jsx","_jsx","STYLE_KEYS","Set","Box","asChild","style","children","rest","ref","theme","styleProps","viewProps","key","Object","keys","value","has","mergedStyle","ownerName","slotProps"],"sourceRoot":"../../../../src","sources":["components/box/Box.tsx"],"mappings":";;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AACrD,SAASC,IAAI,QAAwB,cAAc;AAEnD,SAASC,YAAY,QAAQ,wBAAwB;
|
|
1
|
+
{"version":3,"names":["forwardRef","View","StyleSheet","useUnistyles","Slot","BOX_STYLE_PROP_KEYS","resolveBoxStyle","jsx","_jsx","STYLE_KEYS","Set","Box","asChild","style","children","rest","ref","theme","styleProps","viewProps","key","Object","keys","value","has","mergedStyle","styles","root","ownerName","slotProps","create"],"sourceRoot":"../../../../src","sources":["components/box/Box.tsx"],"mappings":";;AAAA,SAA4BA,UAAU,QAAQ,OAAO;AACrD,SAASC,IAAI,QAAwB,cAAc;AAEnD,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAEjE,SAASC,IAAI;AACb,SACEC,mBAAmB,EAEnBC,eAAe;AACA,SAAAC,GAAA,IAAAC,IAAA;AAOjB,MAAMC,UAAU,GAAG,IAAIC,GAAG,CAASL,mBAAwC,CAAC;;AAE5E;AACA;AACA;AACA;AACA,OAAO,MAAMM,GAAG,gBAAGX,UAAU,CAAsC,SAASW,GAAGA,CAC7E;EAAEC,OAAO;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,EACrCC,GAAG,EACH;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGd,YAAY,CAAC,CAAC;EAEhC,MAAMe,UAAmC,GAAG,CAAC,CAAC;EAC9C,MAAMC,SAAkC,GAAG,CAAC,CAAC;EAC7C,KAAK,MAAMC,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACP,IAAI,CAAC,EAAE;IACnC,MAAMQ,KAAK,GAAIR,IAAI,CAA6BK,GAAG,CAAC;IACpD,IAAIX,UAAU,CAACe,GAAG,CAACJ,GAAG,CAAC,EAAEF,UAAU,CAACE,GAAG,CAAC,GAAGG,KAAK,CAAC,KAC5CJ,SAAS,CAACC,GAAG,CAAC,GAAGG,KAAK;EAC7B;EAEA,MAAME,WAAW,GAAG,CAClBC,MAAM,CAACC,IAAI,EACXrB,eAAe,CAACY,UAAU,EAAmBD,KAAK,CAAC,EACnDJ,KAAK,CACN;EAED,IAAID,OAAO,EAAE;IACX,oBACEJ,IAAA,CAACJ,IAAI;MACHwB,SAAS,EAAC,KAAK;MACfC,SAAS,EAAE;QAAE,GAAGV,SAAS;QAAEN,KAAK,EAAEY,WAAW;QAAET;MAAI,CAAE;MAAAF,QAAA,EAEpDA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACEN,IAAA,CAACP,IAAI;IAACe,GAAG,EAAEA,GAAI;IAACH,KAAK,EAAEY,WAAY;IAAA,GAAMN,SAAS;IAAAL,QAAA,EAC/CA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMY,MAAM,GAAGxB,UAAU,CAAC4B,MAAM,CAAC,OAAO;EAAEH,IAAI,EAAE,CAAC;AAAE,CAAC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -87,9 +87,12 @@ export function resolveBoxStyle(props, theme) {
|
|
|
87
87
|
const borderColor = resolveThemeColor(props.borderColor, theme);
|
|
88
88
|
if (borderColor !== undefined) style.borderColor = borderColor;
|
|
89
89
|
}
|
|
90
|
+
if (props.elevation !== undefined) {
|
|
91
|
+
Object.assign(style, theme.elevation[props.elevation]);
|
|
92
|
+
}
|
|
90
93
|
return style;
|
|
91
94
|
}
|
|
92
95
|
|
|
93
96
|
/** Keys of {@link BoxStyleProps}, used to split style props from view props. */
|
|
94
|
-
export const BOX_STYLE_PROP_KEYS = ['p', 'px', 'py', 'pt', 'pr', 'pb', 'pl', 'm', 'mx', 'my', 'mt', 'mr', 'mb', 'ml', 'gap', 'row', 'align', 'justify', 'wrap', 'flex', 'alignSelf', 'bg', 'radius', 'borderWidth', 'borderColor'];
|
|
97
|
+
export const BOX_STYLE_PROP_KEYS = ['p', 'px', 'py', 'pt', 'pr', 'pb', 'pl', 'm', 'mx', 'my', 'mt', 'mr', 'mb', 'ml', 'gap', 'row', 'align', 'justify', 'wrap', 'flex', 'alignSelf', 'bg', 'radius', 'borderWidth', 'borderColor', 'elevation'];
|
|
95
98
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","resolveThemeColor","ALIGN_MAP","start","center","end","stretch","baseline","JUSTIFY_MAP","between","around","evenly","space","theme","key","undefined","spacing","resolveBoxStyle","props","style","p","px","py","padding","paddingHorizontal","paddingVertical","pt","pr","pb","pl","paddingTop","paddingRight","paddingBottom","paddingLeft","m","mx","my","margin","marginHorizontal","marginVertical","mt","mr","mb","ml","marginTop","marginRight","marginBottom","marginLeft","gap","row","flexDirection","align","alignItems","justify","justifyContent","wrap","flexWrap","flex","alignSelf","bg","backgroundColor","radius","borderRadius","borderWidth","hairlineWidth","borderColor","BOX_STYLE_PROP_KEYS"],"sourceRoot":"../../../../src","sources":["components/box/utils.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,cAAc;
|
|
1
|
+
{"version":3,"names":["StyleSheet","resolveThemeColor","ALIGN_MAP","start","center","end","stretch","baseline","JUSTIFY_MAP","between","around","evenly","space","theme","key","undefined","spacing","resolveBoxStyle","props","style","p","px","py","padding","paddingHorizontal","paddingVertical","pt","pr","pb","pl","paddingTop","paddingRight","paddingBottom","paddingLeft","m","mx","my","margin","marginHorizontal","marginVertical","mt","mr","mb","ml","marginTop","marginRight","marginBottom","marginLeft","gap","row","flexDirection","align","alignItems","justify","justifyContent","wrap","flexWrap","flex","alignSelf","bg","backgroundColor","radius","borderRadius","borderWidth","hairlineWidth","borderColor","elevation","Object","assign","BOX_STYLE_PROP_KEYS"],"sourceRoot":"../../../../src","sources":["components/box/utils.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import { Children, createContext, forwardRef, useContext } from 'react';
|
|
4
4
|
import { Pressable } from 'react-native';
|
|
5
5
|
import { StyleSheet, useUnistyles } from 'react-native-unistyles';
|
|
6
|
-
import { getDefaultRadius } from "../../theme/
|
|
6
|
+
import { getDefaultRadius } from "../../theme/registry.js";
|
|
7
7
|
import { Icon } from "../icon/index.js";
|
|
8
8
|
import { Spinner } from "../spinner/index.js";
|
|
9
9
|
import { Text } from "../text/index.js";
|
|
@@ -31,17 +31,10 @@ function getColors(variant, theme) {
|
|
|
31
31
|
};
|
|
32
32
|
case 'secondary':
|
|
33
33
|
return {
|
|
34
|
-
bg: get('action.bg.
|
|
35
|
-
border: get('action.bg.
|
|
34
|
+
bg: get('action.bg.secondary'),
|
|
35
|
+
border: get('action.bg.secondary'),
|
|
36
36
|
borderWidth: 0,
|
|
37
|
-
fg: get('action.fg.
|
|
38
|
-
};
|
|
39
|
-
case 'neutral':
|
|
40
|
-
return {
|
|
41
|
-
bg: get('action.bg.neutral.hover'),
|
|
42
|
-
border: get('action.bg.neutral.hover'),
|
|
43
|
-
borderWidth: 0,
|
|
44
|
-
fg: get('action.fg.neutral')
|
|
37
|
+
fg: get('action.fg.secondary')
|
|
45
38
|
};
|
|
46
39
|
case 'outline':
|
|
47
40
|
return {
|
|
@@ -59,10 +52,10 @@ function getColors(variant, theme) {
|
|
|
59
52
|
};
|
|
60
53
|
case 'danger':
|
|
61
54
|
return {
|
|
62
|
-
bg: get('status.bg
|
|
63
|
-
border: get('status.bg
|
|
55
|
+
bg: get('status.danger.bg'),
|
|
56
|
+
border: get('status.danger.bg'),
|
|
64
57
|
borderWidth: 0,
|
|
65
|
-
fg: get('status.fg
|
|
58
|
+
fg: get('status.danger.fg')
|
|
66
59
|
};
|
|
67
60
|
}
|
|
68
61
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Children","createContext","forwardRef","useContext","Pressable","StyleSheet","useUnistyles","getDefaultRadius","Icon","Spinner","Text","jsx","_jsx","jsxs","_jsxs","ButtonContext","color","size","useButtonContext","getColors","variant","theme","c","get","key","bg","border","borderWidth","fg","LABEL_TYPOGRAPHY","sm","weight","md","lg","ButtonLabel","children","typography","style","ICON_SIZE","ButtonIcon","name","sizeProp","colorProp","strokeWidth","renderChildren","map","child","trim","length","ButtonRoot","Button","radius","isDisabled","isLoading","isIconOnly","fullWidth","compact","onPress","rest","ref","styles","useVariants","iconOnly","blocked","externalStyle","pressableRest","Provider","value","undefined","disabled","accessibilityRole","accessibilityState","busy","state","base","backgroundColor","borderColor","pressed","opacity","Label","create","flexDirection","alignItems","justifyContent","alignSelf","variants","minHeight","paddingHorizontal","gap","none","borderRadius","xl","full","true","false","aspectRatio","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/button/Button.tsx"],"mappings":";;AAAA,SACEA,QAAQ,EAERC,aAAa,EACbC,UAAU,EAEVC,UAAU,QACL,OAAO;AAEd,SAASC,SAAS,QAAQ,cAAc;AAExC,SAASC,UAAU,EAAEC,YAAY,QAAQ,wBAAwB;AAEjE,SAASC,gBAAgB;AASzB,SAASC,IAAI;AACb,SAASC,OAAO;AAChB,SAASC,IAAI;;
|
|
1
|
+
{"version":3,"names":["Children","createContext","forwardRef","useContext","Pressable","StyleSheet","useUnistyles","getDefaultRadius","Icon","Spinner","Text","jsx","_jsx","jsxs","_jsxs","ButtonContext","color","size","useButtonContext","getColors","variant","theme","c","get","key","bg","border","borderWidth","fg","LABEL_TYPOGRAPHY","sm","weight","md","lg","ButtonLabel","children","typography","style","ICON_SIZE","ButtonIcon","name","sizeProp","colorProp","strokeWidth","renderChildren","map","child","trim","length","ButtonRoot","Button","radius","isDisabled","isLoading","isIconOnly","fullWidth","compact","onPress","rest","ref","styles","useVariants","iconOnly","blocked","externalStyle","pressableRest","Provider","value","undefined","disabled","accessibilityRole","accessibilityState","busy","state","base","backgroundColor","borderColor","pressed","opacity","Label","create","flexDirection","alignItems","justifyContent","alignSelf","variants","minHeight","paddingHorizontal","gap","none","borderRadius","xl","full","true","false","aspectRatio","paddingVertical"],"sourceRoot":"../../../../src","sources":["components/button/Button.tsx"],"mappings":"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","ignoreList":[]}
|