react-native-terra-ui 0.5.1 → 0.7.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 +86 -0
- package/lib/module/components/avatar/Avatar.js +60 -60
- package/lib/module/components/avatar/Avatar.js.map +1 -1
- package/lib/module/components/box/Box.js +2 -2
- package/lib/module/components/box/Box.js.map +1 -1
- package/lib/module/components/box/utils.js +19 -19
- package/lib/module/components/box/utils.js.map +1 -1
- package/lib/module/components/button/Button.js +54 -48
- package/lib/module/components/button/Button.js.map +1 -1
- package/lib/module/components/chip/Chip.js +94 -94
- package/lib/module/components/chip/Chip.js.map +1 -1
- package/lib/module/components/chip/utils.js +3 -3
- package/lib/module/components/empty-state/EmptyState.js +40 -40
- package/lib/module/components/empty-state/EmptyState.js.map +1 -1
- package/lib/module/components/header/header-buttons.js +5 -5
- package/lib/module/components/header/header-buttons.js.map +1 -1
- package/lib/module/components/header/parts/HeaderGradientOverlay.js +82 -12
- package/lib/module/components/header/parts/HeaderGradientOverlay.js.map +1 -1
- package/lib/module/components/header/variants/LargeTitleHeader/index.js +64 -60
- package/lib/module/components/header/variants/LargeTitleHeader/index.js.map +1 -1
- package/lib/module/components/header/variants/TitleHeader/index.js +33 -29
- package/lib/module/components/header/variants/TitleHeader/index.js.map +1 -1
- package/lib/module/components/icon/Icon.js +6 -6
- package/lib/module/components/icon/Icon.js.map +1 -1
- package/lib/module/components/image/Image.js +6 -6
- package/lib/module/components/image/Image.js.map +1 -1
- package/lib/module/components/page-indicator/PageIndicator.js +1 -1
- package/lib/module/components/page-indicator/PageIndicatorRoot.js.map +1 -1
- package/lib/module/components/page-indicator/hooks/use-page-indicator-colors.js +8 -8
- package/lib/module/components/page-indicator/hooks/use-page-indicator-colors.js.map +1 -1
- package/lib/module/components/page-indicator/hooks/use-page-indicator-core.js.map +1 -1
- package/lib/module/components/page-indicator/hooks/use-page-indicator-progress.js +6 -6
- package/lib/module/components/page-indicator/hooks/use-page-indicator-progress.js.map +1 -1
- package/lib/module/components/page-indicator/utils.js +8 -8
- package/lib/module/components/page-indicator/utils.js.map +1 -1
- package/lib/module/components/page-indicator/variants/DotIndicator/InactiveDot.js +2 -2
- package/lib/module/components/page-indicator/variants/DotIndicator/InactiveDot.js.map +1 -1
- package/lib/module/components/page-indicator/variants/DotIndicator/LoadingOrbit.js +9 -9
- package/lib/module/components/page-indicator/variants/DotIndicator/LoadingOrbit.js.map +1 -1
- package/lib/module/components/page-indicator/variants/DotIndicator/TravelingPill.js +2 -2
- package/lib/module/components/page-indicator/variants/DotIndicator/TravelingPill.js.map +1 -1
- package/lib/module/components/page-indicator/variants/DotIndicator/index.js +3 -3
- package/lib/module/components/page-indicator/variants/DotIndicator/index.js.map +1 -1
- package/lib/module/components/page-indicator/variants/DotIndicator/utils.js +1 -1
- package/lib/module/components/page-indicator/variants/DotIndicator/utils.js.map +1 -1
- package/lib/module/components/page-indicator/variants/PillIndicator/PillIndicatorDot.js +1 -1
- package/lib/module/components/page-indicator/variants/PillIndicator/PillIndicatorDot.js.map +1 -1
- package/lib/module/components/page-indicator/variants/PillIndicator/index.js +5 -5
- package/lib/module/components/page-indicator/variants/PillIndicator/index.js.map +1 -1
- package/lib/module/components/page-indicator/variants/PillIndicator/utils.js +3 -3
- package/lib/module/components/portal/Portal.js +1 -1
- package/lib/module/components/portal/PortalContext.js +1 -1
- package/lib/module/components/portal/PortalHost.js +1 -1
- package/lib/module/components/portal/PortalProvider.js +1 -1
- package/lib/module/components/portal/PortalProvider.js.map +1 -1
- package/lib/module/components/screen/Screen.js +8 -8
- package/lib/module/components/screen/Screen.js.map +1 -1
- package/lib/module/components/screen/ScreenContext.js +6 -6
- package/lib/module/components/screen/ScreenContext.js.map +1 -1
- package/lib/module/components/screen/ScreenFlatList.js +3 -3
- package/lib/module/components/screen/ScreenFlatList.js.map +1 -1
- package/lib/module/components/screen/ScreenList.js +5 -5
- package/lib/module/components/screen/ScreenList.js.map +1 -1
- package/lib/module/components/screen/ScreenScrollView.js +6 -6
- package/lib/module/components/screen/ScreenScrollView.js.map +1 -1
- package/lib/module/components/screen/parts/BottomSafeArea.js +1 -1
- package/lib/module/components/screen/parts/BottomSafeArea.js.map +1 -1
- package/lib/module/components/screen/parts/ScreenPlaceholder.js +3 -3
- package/lib/module/components/screen/parts/ScreenPlaceholder.js.map +1 -1
- package/lib/module/components/screen/utils.js +3 -3
- package/lib/module/components/screen/utils.js.map +1 -1
- package/lib/module/components/slot/Slot.js +2 -2
- package/lib/module/components/slot/Slot.js.map +1 -1
- package/lib/module/components/slot/utils.js +3 -3
- package/lib/module/components/slot/utils.js.map +1 -1
- package/lib/module/components/spinner/Spinner.js +10 -10
- package/lib/module/components/spinner/Spinner.js.map +1 -1
- package/lib/module/components/surface/Surface.js +14 -14
- package/lib/module/components/surface/Surface.js.map +1 -1
- package/lib/module/components/text/Text.js +13 -13
- package/lib/module/components/text/Text.js.map +1 -1
- package/lib/module/components/toast/Toast.js +46 -46
- package/lib/module/components/toast/Toast.js.map +1 -1
- package/lib/module/components/toast/ToastProvider.js +32 -32
- package/lib/module/components/toast/ToastProvider.js.map +1 -1
- package/lib/module/components/toast/parts/ToastAnimatedItem.js +10 -10
- package/lib/module/components/toast/parts/ToastAnimatedItem.js.map +1 -1
- package/lib/module/components/toast/utils/controller.js +2 -2
- package/lib/module/components/toast/utils/controller.js.map +1 -1
- package/lib/module/components/toolbar/Toolbar.js +103 -33
- package/lib/module/components/toolbar/Toolbar.js.map +1 -1
- package/lib/module/context/ThemeProvider.js +5 -5
- package/lib/module/context/ThemeProvider.js.map +1 -1
- package/lib/module/theme/breakpoints.js.map +1 -1
- package/lib/module/theme/defaults/icons.js +11 -11
- package/lib/module/theme/defaults/icons.js.map +1 -1
- package/lib/module/theme/defaults/image.js +7 -7
- package/lib/module/theme/defaults/image.js.map +1 -1
- package/lib/module/theme/registry.js +11 -11
- package/lib/module/theme/registry.js.map +1 -1
- package/lib/module/theme/runtime.js +3 -3
- package/lib/module/theme/runtime.js.map +1 -1
- package/lib/module/theme/theme.js +9 -9
- package/lib/module/theme/theme.js.map +1 -1
- package/lib/module/theme/tokens/dark.js +67 -67
- package/lib/module/theme/tokens/dark.js.map +1 -1
- package/lib/module/theme/tokens/light.js +67 -67
- package/lib/module/theme/tokens/primitives.js +417 -417
- package/lib/module/utils/accent-utils.js +16 -16
- package/lib/module/utils/accent-utils.js.map +1 -1
- package/lib/module/utils/color-utils.js +3 -3
- package/lib/module/utils/deep-merge.js +1 -1
- package/lib/module/utils/resolve-theme-color.js +2 -2
- package/lib/module/utils/resolve-theme-color.js.map +1 -1
- package/lib/module/utils/typography.js +5 -5
- package/lib/module/utils/typography.js.map +1 -1
- package/lib/module/utils/unflatten.js +2 -2
- package/lib/typescript/src/components/avatar/Avatar.d.ts +1 -1
- package/lib/typescript/src/components/avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/src/components/avatar/index.d.ts +2 -2
- package/lib/typescript/src/components/avatar/types.d.ts +7 -7
- package/lib/typescript/src/components/avatar/types.d.ts.map +1 -1
- package/lib/typescript/src/components/box/Box.d.ts +2 -2
- package/lib/typescript/src/components/box/Box.d.ts.map +1 -1
- package/lib/typescript/src/components/box/index.d.ts +3 -3
- package/lib/typescript/src/components/box/utils.d.ts +7 -7
- package/lib/typescript/src/components/box/utils.d.ts.map +1 -1
- package/lib/typescript/src/components/button/Button.d.ts +15 -8
- package/lib/typescript/src/components/button/Button.d.ts.map +1 -1
- package/lib/typescript/src/components/button/index.d.ts +2 -2
- package/lib/typescript/src/components/chip/Chip.d.ts +5 -5
- package/lib/typescript/src/components/chip/Chip.d.ts.map +1 -1
- package/lib/typescript/src/components/chip/index.d.ts +3 -3
- package/lib/typescript/src/components/chip/types.d.ts +3 -3
- package/lib/typescript/src/components/chip/utils.d.ts +1 -1
- package/lib/typescript/src/components/empty-state/EmptyState.d.ts +5 -5
- package/lib/typescript/src/components/empty-state/EmptyState.d.ts.map +1 -1
- package/lib/typescript/src/components/empty-state/index.d.ts +3 -3
- package/lib/typescript/src/components/empty-state/types.d.ts +1 -1
- package/lib/typescript/src/components/header/Header.d.ts +2 -2
- package/lib/typescript/src/components/header/header-buttons.d.ts +3 -3
- package/lib/typescript/src/components/header/header-buttons.d.ts.map +1 -1
- package/lib/typescript/src/components/header/index.d.ts +6 -6
- package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts +19 -2
- package/lib/typescript/src/components/header/parts/HeaderGradientOverlay.d.ts.map +1 -1
- 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 +4 -4
- package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts.map +1 -1
- package/lib/typescript/src/components/icon/Icon.d.ts +3 -3
- package/lib/typescript/src/components/icon/Icon.d.ts.map +1 -1
- package/lib/typescript/src/components/icon/index.d.ts +2 -2
- package/lib/typescript/src/components/image/Image.d.ts +1 -1
- package/lib/typescript/src/components/image/Image.d.ts.map +1 -1
- package/lib/typescript/src/components/image/index.d.ts +2 -2
- package/lib/typescript/src/components/image/types.d.ts +1 -1
- package/lib/typescript/src/components/index.d.ts +17 -17
- package/lib/typescript/src/components/page-indicator/PageIndicator.d.ts +10 -10
- package/lib/typescript/src/components/page-indicator/PageIndicatorRoot.d.ts +2 -2
- package/lib/typescript/src/components/page-indicator/PageIndicatorRoot.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-colors.d.ts +1 -1
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-colors.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-core.d.ts +3 -3
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-core.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-progress.d.ts +2 -2
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-progress.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/index.d.ts +3 -3
- package/lib/typescript/src/components/page-indicator/utils.d.ts +2 -2
- package/lib/typescript/src/components/page-indicator/utils.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/InactiveDot.d.ts +1 -1
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/InactiveDot.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/LoadingOrbit.d.ts +2 -2
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/LoadingOrbit.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/TravelingPill.d.ts +2 -2
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/TravelingPill.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/index.d.ts +3 -3
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/index.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/utils.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/variants/PillIndicator/PillIndicatorDot.d.ts +2 -2
- package/lib/typescript/src/components/page-indicator/variants/PillIndicator/PillIndicatorDot.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/variants/PillIndicator/index.d.ts +3 -3
- package/lib/typescript/src/components/page-indicator/variants/PillIndicator/index.d.ts.map +1 -1
- package/lib/typescript/src/components/page-indicator/variants/PillIndicator/utils.d.ts +1 -1
- package/lib/typescript/src/components/portal/Portal.d.ts +3 -3
- package/lib/typescript/src/components/portal/PortalContext.d.ts +1 -1
- package/lib/typescript/src/components/portal/PortalHost.d.ts +2 -2
- package/lib/typescript/src/components/portal/PortalProvider.d.ts +1 -1
- package/lib/typescript/src/components/portal/PortalProvider.d.ts.map +1 -1
- package/lib/typescript/src/components/portal/index.d.ts +7 -7
- package/lib/typescript/src/components/screen/Screen.d.ts +10 -10
- package/lib/typescript/src/components/screen/Screen.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenContext.d.ts +3 -3
- package/lib/typescript/src/components/screen/ScreenContext.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenFlatList.d.ts +3 -3
- package/lib/typescript/src/components/screen/ScreenFlatList.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenList.d.ts +5 -5
- package/lib/typescript/src/components/screen/ScreenList.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/ScreenScrollView.d.ts +5 -5
- package/lib/typescript/src/components/screen/ScreenScrollView.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/index.d.ts +11 -11
- package/lib/typescript/src/components/screen/parts/BottomSafeArea.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/parts/ScreenPlaceholder.d.ts +3 -3
- package/lib/typescript/src/components/screen/parts/ScreenPlaceholder.d.ts.map +1 -1
- package/lib/typescript/src/components/screen/types.d.ts +2 -2
- package/lib/typescript/src/components/screen/utils.d.ts +2 -2
- package/lib/typescript/src/components/screen/utils.d.ts.map +1 -1
- package/lib/typescript/src/components/slot/Slot.d.ts +2 -2
- package/lib/typescript/src/components/slot/Slot.d.ts.map +1 -1
- package/lib/typescript/src/components/slot/index.d.ts +3 -3
- package/lib/typescript/src/components/slot/utils.d.ts +1 -1
- package/lib/typescript/src/components/slot/utils.d.ts.map +1 -1
- package/lib/typescript/src/components/spinner/Spinner.d.ts +2 -2
- package/lib/typescript/src/components/spinner/Spinner.d.ts.map +1 -1
- package/lib/typescript/src/components/spinner/index.d.ts +2 -2
- package/lib/typescript/src/components/surface/Surface.d.ts +4 -4
- package/lib/typescript/src/components/surface/Surface.d.ts.map +1 -1
- package/lib/typescript/src/components/surface/index.d.ts +2 -2
- package/lib/typescript/src/components/text/Text.d.ts +4 -4
- package/lib/typescript/src/components/text/Text.d.ts.map +1 -1
- package/lib/typescript/src/components/text/index.d.ts +2 -2
- package/lib/typescript/src/components/toast/Toast.d.ts +18 -18
- package/lib/typescript/src/components/toast/Toast.d.ts.map +1 -1
- package/lib/typescript/src/components/toast/ToastProvider.d.ts +1 -1
- package/lib/typescript/src/components/toast/ToastProvider.d.ts.map +1 -1
- package/lib/typescript/src/components/toast/index.d.ts +4 -4
- package/lib/typescript/src/components/toast/parts/ToastAnimatedItem.d.ts +3 -3
- package/lib/typescript/src/components/toast/parts/ToastAnimatedItem.d.ts.map +1 -1
- package/lib/typescript/src/components/toast/types.d.ts +10 -10
- package/lib/typescript/src/components/toast/types.d.ts.map +1 -1
- package/lib/typescript/src/components/toast/utils/controller.d.ts +2 -2
- package/lib/typescript/src/components/toast/utils/controller.d.ts.map +1 -1
- package/lib/typescript/src/components/toolbar/Toolbar.d.ts +5 -5
- package/lib/typescript/src/components/toolbar/Toolbar.d.ts.map +1 -1
- package/lib/typescript/src/components/toolbar/index.d.ts +2 -2
- package/lib/typescript/src/context/ThemeProvider.d.ts +3 -3
- package/lib/typescript/src/context/ThemeProvider.d.ts.map +1 -1
- package/lib/typescript/src/context/index.d.ts +2 -2
- package/lib/typescript/src/index.d.ts +3 -3
- package/lib/typescript/src/theme/breakpoints.d.ts +2 -2
- package/lib/typescript/src/theme/breakpoints.d.ts.map +1 -1
- package/lib/typescript/src/theme/defaults/icons.d.ts +1 -1
- package/lib/typescript/src/theme/defaults/icons.d.ts.map +1 -1
- package/lib/typescript/src/theme/defaults/image.d.ts +1 -1
- package/lib/typescript/src/theme/defaults/image.d.ts.map +1 -1
- package/lib/typescript/src/theme/index.d.ts +14 -14
- package/lib/typescript/src/theme/registry.d.ts +2 -2
- package/lib/typescript/src/theme/registry.d.ts.map +1 -1
- package/lib/typescript/src/theme/runtime.d.ts +1 -1
- package/lib/typescript/src/theme/runtime.d.ts.map +1 -1
- package/lib/typescript/src/theme/screen-margin.d.ts +2 -2
- package/lib/typescript/src/theme/theme.d.ts +2 -2
- package/lib/typescript/src/theme/theme.d.ts.map +1 -1
- package/lib/typescript/src/theme/tokens/dark.d.ts +67 -67
- package/lib/typescript/src/theme/tokens/light.d.ts +67 -67
- package/lib/typescript/src/theme/tokens/primitives.d.ts +417 -417
- package/lib/typescript/src/theme/types.d.ts +84 -84
- package/lib/typescript/src/theme/types.d.ts.map +1 -1
- package/lib/typescript/src/utils/accent-utils.d.ts +1 -1
- package/lib/typescript/src/utils/accent-utils.d.ts.map +1 -1
- package/lib/typescript/src/utils/resolve-theme-color.d.ts +1 -1
- package/lib/typescript/src/utils/resolve-theme-color.d.ts.map +1 -1
- package/lib/typescript/src/utils/typography.d.ts +2 -2
- package/lib/typescript/src/utils/typography.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/avatar/Avatar.tsx +66 -71
- package/src/components/avatar/index.ts +2 -2
- package/src/components/avatar/types.ts +7 -12
- package/src/components/box/Box.tsx +7 -18
- package/src/components/box/index.ts +3 -3
- package/src/components/box/utils.ts +59 -81
- package/src/components/button/Button.tsx +119 -144
- package/src/components/button/index.ts +2 -2
- package/src/components/chip/Chip.tsx +107 -143
- package/src/components/chip/index.ts +3 -3
- package/src/components/chip/types.ts +7 -7
- package/src/components/chip/utils.ts +5 -5
- package/src/components/empty-state/EmptyState.tsx +44 -60
- package/src/components/empty-state/index.ts +3 -3
- package/src/components/empty-state/types.ts +1 -1
- package/src/components/header/Header.ts +2 -2
- package/src/components/header/header-buttons.tsx +10 -18
- package/src/components/header/index.ts +6 -6
- package/src/components/header/parts/HeaderGradientOverlay.tsx +77 -11
- package/src/components/header/variants/LargeTitleHeader/index.tsx +79 -142
- package/src/components/header/variants/TitleHeader/index.tsx +45 -63
- package/src/components/icon/Icon.tsx +31 -39
- package/src/components/icon/index.ts +2 -2
- package/src/components/image/Image.tsx +12 -10
- package/src/components/image/index.ts +2 -2
- package/src/components/image/types.ts +1 -1
- package/src/components/index.ts +17 -17
- package/src/components/page-indicator/PageIndicator.tsx +14 -14
- package/src/components/page-indicator/PageIndicatorRoot.tsx +4 -12
- package/src/components/page-indicator/hooks/use-page-indicator-colors.ts +17 -35
- package/src/components/page-indicator/hooks/use-page-indicator-core.ts +6 -8
- package/src/components/page-indicator/hooks/use-page-indicator-progress.ts +10 -30
- package/src/components/page-indicator/index.ts +3 -3
- package/src/components/page-indicator/utils.ts +20 -48
- package/src/components/page-indicator/variants/DotIndicator/InactiveDot.tsx +5 -16
- package/src/components/page-indicator/variants/DotIndicator/LoadingOrbit.tsx +21 -63
- package/src/components/page-indicator/variants/DotIndicator/TravelingPill.tsx +6 -16
- package/src/components/page-indicator/variants/DotIndicator/index.tsx +20 -38
- package/src/components/page-indicator/variants/DotIndicator/utils.ts +2 -6
- package/src/components/page-indicator/variants/PillIndicator/PillIndicatorDot.tsx +12 -50
- package/src/components/page-indicator/variants/PillIndicator/index.tsx +19 -41
- package/src/components/page-indicator/variants/PillIndicator/utils.ts +4 -4
- package/src/components/portal/Portal.tsx +4 -4
- package/src/components/portal/PortalContext.tsx +1 -1
- package/src/components/portal/PortalHost.tsx +4 -4
- package/src/components/portal/PortalProvider.tsx +24 -35
- package/src/components/portal/index.ts +7 -7
- package/src/components/screen/Screen.tsx +45 -52
- package/src/components/screen/ScreenContext.tsx +8 -17
- package/src/components/screen/ScreenFlatList.tsx +17 -36
- package/src/components/screen/ScreenList.tsx +31 -63
- package/src/components/screen/ScreenScrollView.tsx +17 -30
- package/src/components/screen/index.ts +11 -11
- package/src/components/screen/parts/BottomSafeArea.tsx +5 -6
- package/src/components/screen/parts/ScreenPlaceholder.tsx +9 -14
- package/src/components/screen/types.ts +2 -2
- package/src/components/screen/utils.ts +6 -19
- package/src/components/slot/Slot.tsx +5 -20
- package/src/components/slot/index.ts +3 -3
- package/src/components/slot/utils.ts +5 -8
- package/src/components/spinner/Spinner.tsx +19 -52
- package/src/components/spinner/index.ts +2 -2
- package/src/components/surface/Surface.tsx +34 -43
- package/src/components/surface/index.ts +2 -2
- package/src/components/text/Text.tsx +75 -85
- package/src/components/text/index.ts +2 -2
- package/src/components/toast/Toast.tsx +195 -251
- package/src/components/toast/ToastProvider.tsx +61 -136
- package/src/components/toast/index.ts +4 -4
- package/src/components/toast/parts/ToastAnimatedItem.tsx +14 -22
- package/src/components/toast/types.ts +11 -14
- package/src/components/toast/utils/controller.ts +4 -6
- package/src/components/toolbar/Toolbar.tsx +117 -72
- package/src/components/toolbar/index.ts +2 -2
- package/src/context/ThemeProvider.tsx +13 -28
- package/src/context/index.ts +2 -2
- package/src/index.tsx +3 -3
- package/src/theme/breakpoints.ts +3 -5
- package/src/theme/defaults/icons.tsx +15 -30
- package/src/theme/defaults/image.tsx +9 -14
- package/src/theme/index.ts +14 -14
- package/src/theme/registry.ts +30 -49
- package/src/theme/runtime.ts +6 -7
- package/src/theme/screen-margin.ts +3 -3
- package/src/theme/theme.ts +39 -60
- package/src/theme/tokens/dark.ts +67 -67
- package/src/theme/tokens/light.ts +67 -67
- package/src/theme/tokens/primitives.ts +417 -417
- package/src/theme/types.ts +123 -135
- package/src/utils/accent-utils.ts +21 -30
- package/src/utils/color-utils.ts +3 -3
- package/src/utils/deep-merge.ts +1 -1
- package/src/utils/resolve-theme-color.ts +8 -11
- package/src/utils/typography.ts +7 -10
- package/src/utils/unflatten.ts +2 -2
|
@@ -16,298 +16,298 @@
|
|
|
16
16
|
*/
|
|
17
17
|
export const primitives = {
|
|
18
18
|
// ── palette (Tailwind-derived ramps) ──────────────────────────────────────
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
19
|
+
"palette.slate.50": "#f8fafc",
|
|
20
|
+
"palette.slate.100": "#f1f5f9",
|
|
21
|
+
"palette.slate.200": "#e2e8f0",
|
|
22
|
+
"palette.slate.300": "#cad5e2",
|
|
23
|
+
"palette.slate.400": "#90a1b9",
|
|
24
|
+
"palette.slate.500": "#62748e",
|
|
25
|
+
"palette.slate.600": "#45556c",
|
|
26
|
+
"palette.slate.700": "#314158",
|
|
27
|
+
"palette.slate.800": "#1d293d",
|
|
28
|
+
"palette.slate.900": "#0f172b",
|
|
29
|
+
"palette.slate.950": "#020618",
|
|
30
|
+
"palette.emerald.50": "#ecfdf5",
|
|
31
|
+
"palette.emerald.100": "#d0fae5",
|
|
32
|
+
"palette.emerald.200": "#a4f4cf",
|
|
33
|
+
"palette.emerald.300": "#5ee9b5",
|
|
34
|
+
"palette.emerald.400": "#00d492",
|
|
35
|
+
"palette.emerald.500": "#00bc7d",
|
|
36
|
+
"palette.emerald.600": "#009966",
|
|
37
|
+
"palette.emerald.700": "#007a55",
|
|
38
|
+
"palette.emerald.800": "#006045",
|
|
39
|
+
"palette.emerald.900": "#004f3b",
|
|
40
|
+
"palette.emerald.950": "#002c22",
|
|
41
|
+
"palette.red.50": "#fef2f2",
|
|
42
|
+
"palette.red.100": "#ffe2e2",
|
|
43
|
+
"palette.red.200": "#ffc9c9",
|
|
44
|
+
"palette.red.300": "#ffa2a2",
|
|
45
|
+
"palette.red.400": "#ff6467",
|
|
46
|
+
"palette.red.500": "#fb2c36",
|
|
47
|
+
"palette.red.600": "#e7000b",
|
|
48
|
+
"palette.red.700": "#c10007",
|
|
49
|
+
"palette.red.800": "#9f0712",
|
|
50
|
+
"palette.red.900": "#82181a",
|
|
51
|
+
"palette.red.950": "#460809",
|
|
52
|
+
"palette.amber.50": "#fffbeb",
|
|
53
|
+
"palette.amber.100": "#fef3c6",
|
|
54
|
+
"palette.amber.200": "#fee685",
|
|
55
|
+
"palette.amber.300": "#ffd230",
|
|
56
|
+
"palette.amber.400": "#ffb900",
|
|
57
|
+
"palette.amber.500": "#fe9a00",
|
|
58
|
+
"palette.amber.600": "#e17100",
|
|
59
|
+
"palette.amber.700": "#bb4d00",
|
|
60
|
+
"palette.amber.800": "#973c00",
|
|
61
|
+
"palette.amber.900": "#7b3306",
|
|
62
|
+
"palette.amber.950": "#461901",
|
|
63
|
+
"palette.green.50": "#f0fdf4",
|
|
64
|
+
"palette.green.100": "#dcfce7",
|
|
65
|
+
"palette.green.200": "#b9f8cf",
|
|
66
|
+
"palette.green.300": "#7bf1a8",
|
|
67
|
+
"palette.green.400": "#05df72",
|
|
68
|
+
"palette.green.500": "#00c950",
|
|
69
|
+
"palette.green.600": "#00a63e",
|
|
70
|
+
"palette.green.700": "#008236",
|
|
71
|
+
"palette.green.800": "#016630",
|
|
72
|
+
"palette.green.900": "#0d542b",
|
|
73
|
+
"palette.green.950": "#032e15",
|
|
74
|
+
"palette.blue.50": "#eff6ff",
|
|
75
|
+
"palette.blue.100": "#dbeafe",
|
|
76
|
+
"palette.blue.200": "#bedbff",
|
|
77
|
+
"palette.blue.300": "#8ec5ff",
|
|
78
|
+
"palette.blue.400": "#51a2ff",
|
|
79
|
+
"palette.blue.500": "#2b7fff",
|
|
80
|
+
"palette.blue.600": "#155dfc",
|
|
81
|
+
"palette.blue.700": "#1447e6",
|
|
82
|
+
"palette.blue.800": "#193cb8",
|
|
83
|
+
"palette.blue.900": "#1c398e",
|
|
84
|
+
"palette.blue.950": "#162456",
|
|
85
|
+
"palette.sky.50": "#f0f9ff",
|
|
86
|
+
"palette.sky.100": "#dff2fe",
|
|
87
|
+
"palette.sky.200": "#b8e6fe",
|
|
88
|
+
"palette.sky.300": "#74d4ff",
|
|
89
|
+
"palette.sky.400": "#00bcff",
|
|
90
|
+
"palette.sky.500": "#00a6f4",
|
|
91
|
+
"palette.sky.600": "#0084d1",
|
|
92
|
+
"palette.sky.700": "#0069a8",
|
|
93
|
+
"palette.sky.800": "#00598a",
|
|
94
|
+
"palette.sky.900": "#024a70",
|
|
95
|
+
"palette.sky.950": "#052f4a",
|
|
96
|
+
"palette.black": "#000000",
|
|
97
|
+
"palette.white": "#ffffff",
|
|
98
|
+
"palette.neutral.50": "#fafafa",
|
|
99
|
+
"palette.neutral.100": "#f4f4f5",
|
|
100
|
+
"palette.neutral.200": "#e4e4e7",
|
|
101
|
+
"palette.neutral.300": "#d4d4d8",
|
|
102
|
+
"palette.neutral.400": "#a1a1aa",
|
|
103
|
+
"palette.neutral.500": "#71717a",
|
|
104
|
+
"palette.neutral.600": "#52525b",
|
|
105
|
+
"palette.neutral.700": "#3f3f46",
|
|
106
|
+
"palette.neutral.800": "#27272a",
|
|
107
|
+
"palette.neutral.900": "#18181b",
|
|
108
|
+
"palette.neutral.950": "#09090b",
|
|
109
|
+
"palette.gray.50": "#f9fafb",
|
|
110
|
+
"palette.gray.100": "#f3f4f6",
|
|
111
|
+
"palette.gray.200": "#e5e7eb",
|
|
112
|
+
"palette.gray.300": "#d1d5dc",
|
|
113
|
+
"palette.gray.400": "#99a1af",
|
|
114
|
+
"palette.gray.500": "#6a7282",
|
|
115
|
+
"palette.gray.600": "#4a5565",
|
|
116
|
+
"palette.gray.700": "#364153",
|
|
117
|
+
"palette.gray.800": "#1e2939",
|
|
118
|
+
"palette.gray.900": "#101828",
|
|
119
|
+
"palette.gray.950": "#030712",
|
|
120
|
+
"palette.zinc.50": "#fafafa",
|
|
121
|
+
"palette.zinc.100": "#f4f4f5",
|
|
122
|
+
"palette.zinc.200": "#e4e4e7",
|
|
123
|
+
"palette.zinc.300": "#d4d4d8",
|
|
124
|
+
"palette.zinc.400": "#9f9fa9",
|
|
125
|
+
"palette.zinc.500": "#71717b",
|
|
126
|
+
"palette.zinc.600": "#52525c",
|
|
127
|
+
"palette.zinc.700": "#3f3f46",
|
|
128
|
+
"palette.zinc.800": "#27272a",
|
|
129
|
+
"palette.zinc.900": "#18181b",
|
|
130
|
+
"palette.zinc.950": "#09090b",
|
|
131
|
+
"palette.stone.50": "#fafaf9",
|
|
132
|
+
"palette.stone.100": "#f5f5f4",
|
|
133
|
+
"palette.stone.200": "#e7e5e4",
|
|
134
|
+
"palette.stone.300": "#d6d3d1",
|
|
135
|
+
"palette.stone.400": "#a6a09b",
|
|
136
|
+
"palette.stone.500": "#79716b",
|
|
137
|
+
"palette.stone.600": "#57534d",
|
|
138
|
+
"palette.stone.700": "#44403b",
|
|
139
|
+
"palette.stone.800": "#292524",
|
|
140
|
+
"palette.stone.900": "#1c1917",
|
|
141
|
+
"palette.stone.950": "#0c0a09",
|
|
142
142
|
|
|
143
143
|
// ── extended neutral tones (Tailwind's newer tinted-gray families) ────────
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
144
|
+
"palette.mauve.50": "#fafafa",
|
|
145
|
+
"palette.mauve.100": "#f3f1f3",
|
|
146
|
+
"palette.mauve.200": "#e7e4e7",
|
|
147
|
+
"palette.mauve.300": "#d7d0d7",
|
|
148
|
+
"palette.mauve.400": "#a89ea9",
|
|
149
|
+
"palette.mauve.500": "#79697b",
|
|
150
|
+
"palette.mauve.600": "#594c5b",
|
|
151
|
+
"palette.mauve.700": "#463947",
|
|
152
|
+
"palette.mauve.800": "#2a212c",
|
|
153
|
+
"palette.mauve.900": "#1d161e",
|
|
154
|
+
"palette.mauve.950": "#0c090c",
|
|
155
|
+
"palette.mist.50": "#f9fbfb",
|
|
156
|
+
"palette.mist.100": "#f1f3f3",
|
|
157
|
+
"palette.mist.200": "#e3e7e8",
|
|
158
|
+
"palette.mist.300": "#d0d6d8",
|
|
159
|
+
"palette.mist.400": "#9ca8ab",
|
|
160
|
+
"palette.mist.500": "#67787c",
|
|
161
|
+
"palette.mist.600": "#4b585b",
|
|
162
|
+
"palette.mist.700": "#394447",
|
|
163
|
+
"palette.mist.800": "#22292b",
|
|
164
|
+
"palette.mist.900": "#161b1d",
|
|
165
|
+
"palette.mist.950": "#090b0c",
|
|
166
|
+
"palette.olive.50": "#fbfbf9",
|
|
167
|
+
"palette.olive.100": "#f4f4f0",
|
|
168
|
+
"palette.olive.200": "#e8e8e3",
|
|
169
|
+
"palette.olive.300": "#d8d8d0",
|
|
170
|
+
"palette.olive.400": "#abab9c",
|
|
171
|
+
"palette.olive.500": "#7c7c67",
|
|
172
|
+
"palette.olive.600": "#5b5b4b",
|
|
173
|
+
"palette.olive.700": "#474739",
|
|
174
|
+
"palette.olive.800": "#2b2b22",
|
|
175
|
+
"palette.olive.900": "#1d1d16",
|
|
176
|
+
"palette.olive.950": "#0c0c09",
|
|
177
|
+
"palette.taupe.50": "#fbfaf9",
|
|
178
|
+
"palette.taupe.100": "#f3f1f1",
|
|
179
|
+
"palette.taupe.200": "#e8e4e3",
|
|
180
|
+
"palette.taupe.300": "#d8d2d0",
|
|
181
|
+
"palette.taupe.400": "#aba09c",
|
|
182
|
+
"palette.taupe.500": "#7c6d67",
|
|
183
|
+
"palette.taupe.600": "#5b4f4b",
|
|
184
|
+
"palette.taupe.700": "#473c39",
|
|
185
|
+
"palette.taupe.800": "#2b2422",
|
|
186
|
+
"palette.taupe.900": "#1d1816",
|
|
187
|
+
"palette.taupe.950": "#0c0a09",
|
|
188
188
|
|
|
189
189
|
// ── additional hues (Tailwind's full chromatic palette) ───────────────────
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
190
|
+
"palette.orange.50": "#fff7ed",
|
|
191
|
+
"palette.orange.100": "#ffedd4",
|
|
192
|
+
"palette.orange.200": "#ffd6a7",
|
|
193
|
+
"palette.orange.300": "#ffb86a",
|
|
194
|
+
"palette.orange.400": "#ff8904",
|
|
195
|
+
"palette.orange.500": "#ff6900",
|
|
196
|
+
"palette.orange.600": "#f54900",
|
|
197
|
+
"palette.orange.700": "#ca3500",
|
|
198
|
+
"palette.orange.800": "#9f2d00",
|
|
199
|
+
"palette.orange.900": "#7e2a0c",
|
|
200
|
+
"palette.orange.950": "#441306",
|
|
201
|
+
"palette.yellow.50": "#fefce8",
|
|
202
|
+
"palette.yellow.100": "#fef9c2",
|
|
203
|
+
"palette.yellow.200": "#fff085",
|
|
204
|
+
"palette.yellow.300": "#ffdf20",
|
|
205
|
+
"palette.yellow.400": "#fdc700",
|
|
206
|
+
"palette.yellow.500": "#f0b100",
|
|
207
|
+
"palette.yellow.600": "#d08700",
|
|
208
|
+
"palette.yellow.700": "#a65f00",
|
|
209
|
+
"palette.yellow.800": "#894b00",
|
|
210
|
+
"palette.yellow.900": "#733e0a",
|
|
211
|
+
"palette.yellow.950": "#432004",
|
|
212
|
+
"palette.lime.50": "#f7fee7",
|
|
213
|
+
"palette.lime.100": "#ecfcca",
|
|
214
|
+
"palette.lime.200": "#d8f999",
|
|
215
|
+
"palette.lime.300": "#bbf451",
|
|
216
|
+
"palette.lime.400": "#9ae600",
|
|
217
|
+
"palette.lime.500": "#7ccf00",
|
|
218
|
+
"palette.lime.600": "#5ea500",
|
|
219
|
+
"palette.lime.700": "#497d00",
|
|
220
|
+
"palette.lime.800": "#3c6300",
|
|
221
|
+
"palette.lime.900": "#35530e",
|
|
222
|
+
"palette.lime.950": "#192e03",
|
|
223
|
+
"palette.teal.50": "#f0fdfa",
|
|
224
|
+
"palette.teal.100": "#cbfbf1",
|
|
225
|
+
"palette.teal.200": "#96f7e4",
|
|
226
|
+
"palette.teal.300": "#46ecd5",
|
|
227
|
+
"palette.teal.400": "#00d5be",
|
|
228
|
+
"palette.teal.500": "#00bba7",
|
|
229
|
+
"palette.teal.600": "#009689",
|
|
230
|
+
"palette.teal.700": "#00786f",
|
|
231
|
+
"palette.teal.800": "#005f5a",
|
|
232
|
+
"palette.teal.900": "#0b4f4a",
|
|
233
|
+
"palette.teal.950": "#022f2e",
|
|
234
|
+
"palette.cyan.50": "#ecfeff",
|
|
235
|
+
"palette.cyan.100": "#cefafe",
|
|
236
|
+
"palette.cyan.200": "#a2f4fd",
|
|
237
|
+
"palette.cyan.300": "#53eafd",
|
|
238
|
+
"palette.cyan.400": "#00d3f2",
|
|
239
|
+
"palette.cyan.500": "#00b8db",
|
|
240
|
+
"palette.cyan.600": "#0092b8",
|
|
241
|
+
"palette.cyan.700": "#007595",
|
|
242
|
+
"palette.cyan.800": "#005f78",
|
|
243
|
+
"palette.cyan.900": "#104e64",
|
|
244
|
+
"palette.cyan.950": "#053345",
|
|
245
|
+
"palette.indigo.50": "#eef2ff",
|
|
246
|
+
"palette.indigo.100": "#e0e7ff",
|
|
247
|
+
"palette.indigo.200": "#c6d2ff",
|
|
248
|
+
"palette.indigo.300": "#a3b3ff",
|
|
249
|
+
"palette.indigo.400": "#7c86ff",
|
|
250
|
+
"palette.indigo.500": "#615fff",
|
|
251
|
+
"palette.indigo.600": "#4f39f6",
|
|
252
|
+
"palette.indigo.700": "#432dd7",
|
|
253
|
+
"palette.indigo.800": "#372aac",
|
|
254
|
+
"palette.indigo.900": "#312c85",
|
|
255
|
+
"palette.indigo.950": "#1e1a4d",
|
|
256
|
+
"palette.violet.50": "#f5f3ff",
|
|
257
|
+
"palette.violet.100": "#ede9fe",
|
|
258
|
+
"palette.violet.200": "#ddd6ff",
|
|
259
|
+
"palette.violet.300": "#c4b4ff",
|
|
260
|
+
"palette.violet.400": "#a684ff",
|
|
261
|
+
"palette.violet.500": "#8e51ff",
|
|
262
|
+
"palette.violet.600": "#7f22fe",
|
|
263
|
+
"palette.violet.700": "#7008e7",
|
|
264
|
+
"palette.violet.800": "#5d0ec0",
|
|
265
|
+
"palette.violet.900": "#4d179a",
|
|
266
|
+
"palette.violet.950": "#2f0d68",
|
|
267
|
+
"palette.purple.50": "#faf5ff",
|
|
268
|
+
"palette.purple.100": "#f3e8ff",
|
|
269
|
+
"palette.purple.200": "#e9d4ff",
|
|
270
|
+
"palette.purple.300": "#dab2ff",
|
|
271
|
+
"palette.purple.400": "#c27aff",
|
|
272
|
+
"palette.purple.500": "#ad46ff",
|
|
273
|
+
"palette.purple.600": "#9810fa",
|
|
274
|
+
"palette.purple.700": "#8200db",
|
|
275
|
+
"palette.purple.800": "#6e11b0",
|
|
276
|
+
"palette.purple.900": "#59168b",
|
|
277
|
+
"palette.purple.950": "#3c0366",
|
|
278
|
+
"palette.fuchsia.50": "#fdf4ff",
|
|
279
|
+
"palette.fuchsia.100": "#fae8ff",
|
|
280
|
+
"palette.fuchsia.200": "#f6cfff",
|
|
281
|
+
"palette.fuchsia.300": "#f4a8ff",
|
|
282
|
+
"palette.fuchsia.400": "#ed6aff",
|
|
283
|
+
"palette.fuchsia.500": "#e12afb",
|
|
284
|
+
"palette.fuchsia.600": "#c800de",
|
|
285
|
+
"palette.fuchsia.700": "#a800b7",
|
|
286
|
+
"palette.fuchsia.800": "#8a0194",
|
|
287
|
+
"palette.fuchsia.900": "#721378",
|
|
288
|
+
"palette.fuchsia.950": "#4b004f",
|
|
289
|
+
"palette.pink.50": "#fdf2f8",
|
|
290
|
+
"palette.pink.100": "#fce7f3",
|
|
291
|
+
"palette.pink.200": "#fccee8",
|
|
292
|
+
"palette.pink.300": "#fda5d5",
|
|
293
|
+
"palette.pink.400": "#fb64b6",
|
|
294
|
+
"palette.pink.500": "#f6339a",
|
|
295
|
+
"palette.pink.600": "#e60076",
|
|
296
|
+
"palette.pink.700": "#c6005c",
|
|
297
|
+
"palette.pink.800": "#a3004c",
|
|
298
|
+
"palette.pink.900": "#861043",
|
|
299
|
+
"palette.pink.950": "#510424",
|
|
300
|
+
"palette.rose.50": "#fff1f2",
|
|
301
|
+
"palette.rose.100": "#ffe4e6",
|
|
302
|
+
"palette.rose.200": "#ffccd3",
|
|
303
|
+
"palette.rose.300": "#ffa1ad",
|
|
304
|
+
"palette.rose.400": "#ff637e",
|
|
305
|
+
"palette.rose.500": "#ff2056",
|
|
306
|
+
"palette.rose.600": "#ec003f",
|
|
307
|
+
"palette.rose.700": "#c70036",
|
|
308
|
+
"palette.rose.800": "#a50036",
|
|
309
|
+
"palette.rose.900": "#8b0836",
|
|
310
|
+
"palette.rose.950": "#4d0218",
|
|
311
311
|
|
|
312
312
|
// ── spacing scale base (dp) ────────────────────────────────────────────────
|
|
313
313
|
// Only the BASE (the 4dp unit) is authored here. The full spacing scale is
|
|
@@ -315,162 +315,162 @@ export const primitives = {
|
|
|
315
315
|
// value is its key multiplied by this base (e.g. spacing.5 = 5 × 4 = 20).
|
|
316
316
|
// Two ways to change it: edit this design-time token, or override at
|
|
317
317
|
// configure time with `configureTerraUI({ shared: { spacing: { base } } })`.
|
|
318
|
-
|
|
318
|
+
"spacing.base": 4,
|
|
319
319
|
|
|
320
320
|
// ── elevation: platform-aware shadow + Android elevation ──────────────────
|
|
321
321
|
// Scheme-agnostic; shadowColor is layered on separately from each theme's
|
|
322
322
|
// `color.shadow` token (see withShadowColor() in ../theme.ts).
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
323
|
+
"elevation.none.shadowOpacity": 0,
|
|
324
|
+
"elevation.none.shadowRadius": 0,
|
|
325
|
+
"elevation.none.shadowOffset.width": 0,
|
|
326
|
+
"elevation.none.shadowOffset.height": 0,
|
|
327
|
+
"elevation.none.elevation": 0,
|
|
328
328
|
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
329
|
+
"elevation.xs.shadowOpacity": 0.06,
|
|
330
|
+
"elevation.xs.shadowRadius": 3,
|
|
331
|
+
"elevation.xs.shadowOffset.width": 0,
|
|
332
|
+
"elevation.xs.shadowOffset.height": 0.5,
|
|
333
|
+
"elevation.xs.elevation": 1,
|
|
334
334
|
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
335
|
+
"elevation.sm.shadowOpacity": 0.1,
|
|
336
|
+
"elevation.sm.shadowRadius": 4,
|
|
337
|
+
"elevation.sm.shadowOffset.width": 0,
|
|
338
|
+
"elevation.sm.shadowOffset.height": 1,
|
|
339
|
+
"elevation.sm.elevation": 1,
|
|
340
340
|
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
341
|
+
"elevation.md.shadowOpacity": 0.14,
|
|
342
|
+
"elevation.md.shadowRadius": 6,
|
|
343
|
+
"elevation.md.shadowOffset.width": 0,
|
|
344
|
+
"elevation.md.shadowOffset.height": 2,
|
|
345
|
+
"elevation.md.elevation": 3,
|
|
346
346
|
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
347
|
+
"elevation.lg.shadowOpacity": 0.16,
|
|
348
|
+
"elevation.lg.shadowRadius": 12,
|
|
349
|
+
"elevation.lg.shadowOffset.width": 0,
|
|
350
|
+
"elevation.lg.shadowOffset.height": 4,
|
|
351
|
+
"elevation.lg.elevation": 6,
|
|
352
352
|
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
353
|
+
"elevation.xl.shadowOpacity": 0.16,
|
|
354
|
+
"elevation.xl.shadowRadius": 16,
|
|
355
|
+
"elevation.xl.shadowOffset.width": 0,
|
|
356
|
+
"elevation.xl.shadowOffset.height": 8,
|
|
357
|
+
"elevation.xl.elevation": 12,
|
|
358
358
|
|
|
359
359
|
// ── border-radius base (dp) ───────────────────────────────────────────────
|
|
360
360
|
// Only the BASE (the `lg`/×1 step) is authored here. The full radius scale is
|
|
361
361
|
// DERIVED from it via `buildRadiusScale()` in `../theme.ts`. Two ways to
|
|
362
362
|
// change it: edit this design-time token, or override at configure time with
|
|
363
363
|
// `configureTerraUI({ shared: { radius: { base } } })`.
|
|
364
|
-
|
|
364
|
+
"radius.base": 8,
|
|
365
365
|
|
|
366
366
|
// ── typography: weight-token → font family (System default) ───────────────
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
367
|
+
"typography.fonts.regular": "System",
|
|
368
|
+
"typography.fonts.medium": "System",
|
|
369
|
+
"typography.fonts.semibold": "System",
|
|
370
|
+
"typography.fonts.bold": "System",
|
|
371
371
|
|
|
372
372
|
// ── typography: role variants ─────────────────────────────────────────────
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
373
|
+
"typography.variants.display-lg.fontSize": 40,
|
|
374
|
+
"typography.variants.display-lg.lineHeight": 48,
|
|
375
|
+
"typography.variants.display-lg.fontWeight": "bold",
|
|
376
|
+
"typography.variants.display-lg.letterSpacing": -1,
|
|
377
|
+
"typography.variants.display-lg.maxFontSizeMultiplier": 1.2,
|
|
378
|
+
"typography.variants.display-md.fontSize": 36,
|
|
379
|
+
"typography.variants.display-md.lineHeight": 44,
|
|
380
|
+
"typography.variants.display-md.fontWeight": "bold",
|
|
381
|
+
"typography.variants.display-md.letterSpacing": -0.8,
|
|
382
|
+
"typography.variants.display-md.maxFontSizeMultiplier": 1.2,
|
|
383
|
+
"typography.variants.display-sm.fontSize": 32,
|
|
384
|
+
"typography.variants.display-sm.lineHeight": 40,
|
|
385
|
+
"typography.variants.display-sm.fontWeight": "bold",
|
|
386
|
+
"typography.variants.display-sm.letterSpacing": -0.5,
|
|
387
|
+
"typography.variants.display-sm.maxFontSizeMultiplier": 1.2,
|
|
388
|
+
"typography.variants.headline-lg.fontSize": 28,
|
|
389
|
+
"typography.variants.headline-lg.lineHeight": 36,
|
|
390
|
+
"typography.variants.headline-lg.fontWeight": "semibold",
|
|
391
|
+
"typography.variants.headline-lg.letterSpacing": -0.3,
|
|
392
|
+
"typography.variants.headline-lg.maxFontSizeMultiplier": 1.3,
|
|
393
|
+
"typography.variants.headline-md.fontSize": 24,
|
|
394
|
+
"typography.variants.headline-md.lineHeight": 32,
|
|
395
|
+
"typography.variants.headline-md.fontWeight": "semibold",
|
|
396
|
+
"typography.variants.headline-md.letterSpacing": -0.2,
|
|
397
|
+
"typography.variants.headline-md.maxFontSizeMultiplier": 1.3,
|
|
398
|
+
"typography.variants.headline-sm.fontSize": 22,
|
|
399
|
+
"typography.variants.headline-sm.lineHeight": 28,
|
|
400
|
+
"typography.variants.headline-sm.fontWeight": "semibold",
|
|
401
|
+
"typography.variants.headline-sm.letterSpacing": -0.1,
|
|
402
|
+
"typography.variants.headline-sm.maxFontSizeMultiplier": 1.3,
|
|
403
|
+
"typography.variants.title-lg.fontSize": 20,
|
|
404
|
+
"typography.variants.title-lg.lineHeight": 28,
|
|
405
|
+
"typography.variants.title-lg.fontWeight": "semibold",
|
|
406
|
+
"typography.variants.title-lg.letterSpacing": 0,
|
|
407
|
+
"typography.variants.title-lg.maxFontSizeMultiplier": 1.4,
|
|
408
|
+
"typography.variants.title-md.fontSize": 18,
|
|
409
|
+
"typography.variants.title-md.lineHeight": 24,
|
|
410
|
+
"typography.variants.title-md.fontWeight": "semibold",
|
|
411
|
+
"typography.variants.title-md.letterSpacing": 0,
|
|
412
|
+
"typography.variants.title-md.maxFontSizeMultiplier": 1.4,
|
|
413
|
+
"typography.variants.title-sm.fontSize": 16,
|
|
414
|
+
"typography.variants.title-sm.lineHeight": 22,
|
|
415
|
+
"typography.variants.title-sm.fontWeight": "semibold",
|
|
416
|
+
"typography.variants.title-sm.letterSpacing": 0,
|
|
417
|
+
"typography.variants.title-sm.maxFontSizeMultiplier": 1.4,
|
|
418
|
+
"typography.variants.body-lg.fontSize": 18,
|
|
419
|
+
"typography.variants.body-lg.lineHeight": 26,
|
|
420
|
+
"typography.variants.body-lg.fontWeight": "regular",
|
|
421
|
+
"typography.variants.body-lg.letterSpacing": 0,
|
|
422
|
+
"typography.variants.body-lg.maxFontSizeMultiplier": 1.8,
|
|
423
|
+
"typography.variants.body-md.fontSize": 16,
|
|
424
|
+
"typography.variants.body-md.lineHeight": 24,
|
|
425
|
+
"typography.variants.body-md.fontWeight": "regular",
|
|
426
|
+
"typography.variants.body-md.letterSpacing": 0,
|
|
427
|
+
"typography.variants.body-md.maxFontSizeMultiplier": 1.8,
|
|
428
|
+
"typography.variants.body-sm.fontSize": 14,
|
|
429
|
+
"typography.variants.body-sm.lineHeight": 20,
|
|
430
|
+
"typography.variants.body-sm.fontWeight": "regular",
|
|
431
|
+
"typography.variants.body-sm.letterSpacing": 0,
|
|
432
|
+
"typography.variants.body-sm.maxFontSizeMultiplier": 1.8,
|
|
433
|
+
"typography.variants.label-lg.fontSize": 16,
|
|
434
|
+
"typography.variants.label-lg.lineHeight": 20,
|
|
435
|
+
"typography.variants.label-lg.fontWeight": "medium",
|
|
436
|
+
"typography.variants.label-lg.letterSpacing": 0.1,
|
|
437
|
+
"typography.variants.label-lg.maxFontSizeMultiplier": 1.5,
|
|
438
|
+
"typography.variants.label-md.fontSize": 14,
|
|
439
|
+
"typography.variants.label-md.lineHeight": 18,
|
|
440
|
+
"typography.variants.label-md.fontWeight": "medium",
|
|
441
|
+
"typography.variants.label-md.letterSpacing": 0.1,
|
|
442
|
+
"typography.variants.label-md.maxFontSizeMultiplier": 1.5,
|
|
443
|
+
"typography.variants.label-sm.fontSize": 12,
|
|
444
|
+
"typography.variants.label-sm.lineHeight": 16,
|
|
445
|
+
"typography.variants.label-sm.fontWeight": "medium",
|
|
446
|
+
"typography.variants.label-sm.letterSpacing": 0.2,
|
|
447
|
+
"typography.variants.label-sm.maxFontSizeMultiplier": 1.5,
|
|
448
|
+
"typography.variants.caption.fontSize": 12,
|
|
449
|
+
"typography.variants.caption.lineHeight": 16,
|
|
450
|
+
"typography.variants.caption.fontWeight": "regular",
|
|
451
|
+
"typography.variants.caption.letterSpacing": 0.2,
|
|
452
|
+
"typography.variants.caption.maxFontSizeMultiplier": 1.4,
|
|
453
453
|
|
|
454
454
|
// ── state-layer opacities ─────────────────────────────────────────────────
|
|
455
|
-
|
|
456
|
-
|
|
455
|
+
"opacity.disabled": 0.45,
|
|
456
|
+
"opacity.pressed": 0.85,
|
|
457
457
|
|
|
458
458
|
// ── screen-level layout ───────────────────────────────────────────────────
|
|
459
459
|
// `margin.x`/`margin.y` both scale up with the viewport breakpoint (see
|
|
460
460
|
// `theme/breakpoints.ts`).
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
461
|
+
"layout.screen.margin.x.xs": 16,
|
|
462
|
+
"layout.screen.margin.x.sm": 16,
|
|
463
|
+
"layout.screen.margin.x.md": 24,
|
|
464
|
+
"layout.screen.margin.x.lg": 32,
|
|
465
|
+
"layout.screen.margin.x.xl": 48,
|
|
466
|
+
"layout.screen.margin.y.xs": 16,
|
|
467
|
+
"layout.screen.margin.y.sm": 16,
|
|
468
|
+
"layout.screen.margin.y.md": 24,
|
|
469
|
+
"layout.screen.margin.y.lg": 24,
|
|
470
|
+
"layout.screen.margin.y.xl": 24,
|
|
471
471
|
|
|
472
472
|
// ── header layout ─────────────────────────────────────────────────────────
|
|
473
473
|
// Header bar height (compact nav bar / collapsed large-title bar). 56dp aligns
|
|
474
474
|
// to the 4dp spacing grid (= spacing.14) and a standard app-bar height.
|
|
475
|
-
|
|
475
|
+
"layout.header.height": 54,
|
|
476
476
|
};
|