react-native-terra-ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +70 -0
- package/lib/module/components/avatar/Avatar.js +121 -0
- package/lib/module/components/avatar/Avatar.js.map +1 -0
- package/lib/module/components/avatar/index.js +4 -0
- package/lib/module/components/avatar/index.js.map +1 -0
- package/lib/module/components/avatar/types.js +4 -0
- package/lib/module/components/avatar/types.js.map +1 -0
- package/lib/module/components/box/Box.js +49 -0
- package/lib/module/components/box/Box.js.map +1 -0
- package/lib/module/components/box/index.js +4 -0
- package/lib/module/components/box/index.js.map +1 -0
- package/lib/module/components/box/utils.js +95 -0
- package/lib/module/components/box/utils.js.map +1 -0
- package/lib/module/components/button/Button.js +281 -0
- package/lib/module/components/button/Button.js.map +1 -0
- package/lib/module/components/button/index.js +4 -0
- package/lib/module/components/button/index.js.map +1 -0
- package/lib/module/components/header/Header.js +25 -0
- package/lib/module/components/header/Header.js.map +1 -0
- package/lib/module/components/header/header-buttons.js +65 -0
- package/lib/module/components/header/header-buttons.js.map +1 -0
- package/lib/module/components/header/index.js +7 -0
- package/lib/module/components/header/index.js.map +1 -0
- package/lib/module/components/header/variants/LargeTitleHeader/index.js +335 -0
- package/lib/module/components/header/variants/LargeTitleHeader/index.js.map +1 -0
- package/lib/module/components/header/variants/TitleHeader/index.js +184 -0
- package/lib/module/components/header/variants/TitleHeader/index.js.map +1 -0
- package/lib/module/components/icon/Icon.js +53 -0
- package/lib/module/components/icon/Icon.js.map +1 -0
- package/lib/module/components/icon/index.js +4 -0
- package/lib/module/components/icon/index.js.map +1 -0
- package/lib/module/components/icon/utils.js +188 -0
- package/lib/module/components/icon/utils.js.map +1 -0
- package/lib/module/components/index.js +16 -0
- package/lib/module/components/index.js.map +1 -0
- package/lib/module/components/page-indicator/PageIndicator.js +49 -0
- package/lib/module/components/page-indicator/PageIndicator.js.map +1 -0
- package/lib/module/components/page-indicator/PageIndicatorRoot.js +24 -0
- package/lib/module/components/page-indicator/PageIndicatorRoot.js.map +1 -0
- package/lib/module/components/page-indicator/hooks/use-page-indicator-colors.js +24 -0
- package/lib/module/components/page-indicator/hooks/use-page-indicator-colors.js.map +1 -0
- package/lib/module/components/page-indicator/hooks/use-page-indicator-core.js +20 -0
- package/lib/module/components/page-indicator/hooks/use-page-indicator-core.js.map +1 -0
- package/lib/module/components/page-indicator/hooks/use-page-indicator-progress.js +68 -0
- package/lib/module/components/page-indicator/hooks/use-page-indicator-progress.js.map +1 -0
- package/lib/module/components/page-indicator/index.js +5 -0
- package/lib/module/components/page-indicator/index.js.map +1 -0
- package/lib/module/components/page-indicator/utils.js +127 -0
- package/lib/module/components/page-indicator/utils.js.map +1 -0
- package/lib/module/components/page-indicator/variants/DotIndicator/InactiveDot.js +50 -0
- package/lib/module/components/page-indicator/variants/DotIndicator/InactiveDot.js.map +1 -0
- package/lib/module/components/page-indicator/variants/DotIndicator/LoadingOrbit.js +165 -0
- package/lib/module/components/page-indicator/variants/DotIndicator/LoadingOrbit.js.map +1 -0
- package/lib/module/components/page-indicator/variants/DotIndicator/TravelingPill.js +60 -0
- package/lib/module/components/page-indicator/variants/DotIndicator/TravelingPill.js.map +1 -0
- package/lib/module/components/page-indicator/variants/DotIndicator/index.js +87 -0
- package/lib/module/components/page-indicator/variants/DotIndicator/index.js.map +1 -0
- package/lib/module/components/page-indicator/variants/DotIndicator/utils.js +28 -0
- package/lib/module/components/page-indicator/variants/DotIndicator/utils.js.map +1 -0
- package/lib/module/components/page-indicator/variants/PillIndicator/PillIndicatorDot.js +53 -0
- package/lib/module/components/page-indicator/variants/PillIndicator/PillIndicatorDot.js.map +1 -0
- package/lib/module/components/page-indicator/variants/PillIndicator/index.js +76 -0
- package/lib/module/components/page-indicator/variants/PillIndicator/index.js.map +1 -0
- package/lib/module/components/page-indicator/variants/PillIndicator/utils.js +47 -0
- package/lib/module/components/page-indicator/variants/PillIndicator/utils.js.map +1 -0
- package/lib/module/components/portal/PortalContext.js +20 -0
- package/lib/module/components/portal/PortalContext.js.map +1 -0
- package/lib/module/components/portal/PortalHost.js +23 -0
- package/lib/module/components/portal/PortalHost.js.map +1 -0
- package/lib/module/components/portal/PortalProvider.js +40 -0
- package/lib/module/components/portal/PortalProvider.js.map +1 -0
- package/lib/module/components/portal/index.js +6 -0
- package/lib/module/components/portal/index.js.map +1 -0
- package/lib/module/components/screen/Screen.js +100 -0
- package/lib/module/components/screen/Screen.js.map +1 -0
- package/lib/module/components/screen/ScreenContext.js +66 -0
- package/lib/module/components/screen/ScreenContext.js.map +1 -0
- package/lib/module/components/screen/ScreenFlatList.js +75 -0
- package/lib/module/components/screen/ScreenFlatList.js.map +1 -0
- package/lib/module/components/screen/ScreenScrollView.js +82 -0
- package/lib/module/components/screen/ScreenScrollView.js.map +1 -0
- package/lib/module/components/screen/index.js +7 -0
- package/lib/module/components/screen/index.js.map +1 -0
- package/lib/module/components/screen/utils.js +13 -0
- package/lib/module/components/screen/utils.js.map +1 -0
- package/lib/module/components/slot/Slot.js +38 -0
- package/lib/module/components/slot/Slot.js.map +1 -0
- package/lib/module/components/slot/index.js +10 -0
- package/lib/module/components/slot/index.js.map +1 -0
- package/lib/module/components/slot/utils.js +55 -0
- package/lib/module/components/slot/utils.js.map +1 -0
- package/lib/module/components/spinner/Spinner.js +132 -0
- package/lib/module/components/spinner/Spinner.js.map +1 -0
- package/lib/module/components/spinner/index.js +4 -0
- package/lib/module/components/spinner/index.js.map +1 -0
- package/lib/module/components/surface/Surface.js +74 -0
- package/lib/module/components/surface/Surface.js.map +1 -0
- package/lib/module/components/surface/index.js +4 -0
- package/lib/module/components/surface/index.js.map +1 -0
- package/lib/module/components/text/Text.js +67 -0
- package/lib/module/components/text/Text.js.map +1 -0
- package/lib/module/components/text/index.js +4 -0
- package/lib/module/components/text/index.js.map +1 -0
- package/lib/module/components/toast/Toast.js +350 -0
- package/lib/module/components/toast/Toast.js.map +1 -0
- package/lib/module/components/toast/ToastProvider.js +272 -0
- package/lib/module/components/toast/ToastProvider.js.map +1 -0
- package/lib/module/components/toast/index.js +5 -0
- package/lib/module/components/toast/index.js.map +1 -0
- package/lib/module/components/toast/parts/ToastAnimatedItem.js +168 -0
- package/lib/module/components/toast/parts/ToastAnimatedItem.js.map +1 -0
- package/lib/module/components/toast/types.js +4 -0
- package/lib/module/components/toast/types.js.map +1 -0
- package/lib/module/components/toast/utils/controller.js +19 -0
- package/lib/module/components/toast/utils/controller.js.map +1 -0
- package/lib/module/context/ThemeProvider.js +66 -0
- package/lib/module/context/ThemeProvider.js.map +1 -0
- package/lib/module/context/index.js +4 -0
- package/lib/module/context/index.js.map +1 -0
- package/lib/module/index.js +8 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/theme/configure.js +152 -0
- package/lib/module/theme/configure.js.map +1 -0
- package/lib/module/theme/index.js +22 -0
- package/lib/module/theme/index.js.map +1 -0
- package/lib/module/theme/runtime.js +25 -0
- package/lib/module/theme/runtime.js.map +1 -0
- package/lib/module/theme/theme.js +121 -0
- package/lib/module/theme/theme.js.map +1 -0
- package/lib/module/theme/tokens/dark.js +109 -0
- package/lib/module/theme/tokens/dark.js.map +1 -0
- package/lib/module/theme/tokens/light.js +115 -0
- package/lib/module/theme/tokens/light.js.map +1 -0
- package/lib/module/theme/tokens/primitives.js +228 -0
- package/lib/module/theme/tokens/primitives.js.map +1 -0
- package/lib/module/theme/types.js +4 -0
- package/lib/module/theme/types.js.map +1 -0
- package/lib/module/types.js +2 -0
- package/lib/module/types.js.map +1 -0
- package/lib/module/utils/accent-utils.js +52 -0
- package/lib/module/utils/accent-utils.js.map +1 -0
- package/lib/module/utils/color-utils.js +53 -0
- package/lib/module/utils/color-utils.js.map +1 -0
- package/lib/module/utils/deep-merge.js +28 -0
- package/lib/module/utils/deep-merge.js.map +1 -0
- package/lib/module/utils/resolve-theme-color.js +20 -0
- package/lib/module/utils/resolve-theme-color.js.map +1 -0
- package/lib/module/utils/typography.js +13 -0
- package/lib/module/utils/typography.js.map +1 -0
- package/lib/module/utils/unflatten.js +35 -0
- package/lib/module/utils/unflatten.js.map +1 -0
- package/lib/typescript/package.json +1 -0
- package/lib/typescript/src/components/avatar/Avatar.d.ts +3 -0
- package/lib/typescript/src/components/avatar/Avatar.d.ts.map +1 -0
- package/lib/typescript/src/components/avatar/index.d.ts +3 -0
- package/lib/typescript/src/components/avatar/index.d.ts.map +1 -0
- package/lib/typescript/src/components/avatar/types.d.ts +30 -0
- package/lib/typescript/src/components/avatar/types.d.ts.map +1 -0
- package/lib/typescript/src/components/box/Box.d.ts +12 -0
- package/lib/typescript/src/components/box/Box.d.ts.map +1 -0
- package/lib/typescript/src/components/box/index.d.ts +4 -0
- package/lib/typescript/src/components/box/index.d.ts.map +1 -0
- package/lib/typescript/src/components/box/utils.d.ts +39 -0
- package/lib/typescript/src/components/box/utils.d.ts.map +1 -0
- package/lib/typescript/src/components/button/Button.d.ts +46 -0
- package/lib/typescript/src/components/button/Button.d.ts.map +1 -0
- package/lib/typescript/src/components/button/index.d.ts +3 -0
- package/lib/typescript/src/components/button/index.d.ts.map +1 -0
- package/lib/typescript/src/components/header/Header.d.ts +22 -0
- package/lib/typescript/src/components/header/Header.d.ts.map +1 -0
- package/lib/typescript/src/components/header/header-buttons.d.ts +16 -0
- package/lib/typescript/src/components/header/header-buttons.d.ts.map +1 -0
- package/lib/typescript/src/components/header/index.d.ts +7 -0
- package/lib/typescript/src/components/header/index.d.ts.map +1 -0
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts +25 -0
- package/lib/typescript/src/components/header/variants/LargeTitleHeader/index.d.ts.map +1 -0
- package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts +28 -0
- package/lib/typescript/src/components/header/variants/TitleHeader/index.d.ts.map +1 -0
- package/lib/typescript/src/components/icon/Icon.d.ts +22 -0
- package/lib/typescript/src/components/icon/Icon.d.ts.map +1 -0
- package/lib/typescript/src/components/icon/index.d.ts +3 -0
- package/lib/typescript/src/components/icon/index.d.ts.map +1 -0
- package/lib/typescript/src/components/icon/utils.d.ts +4 -0
- package/lib/typescript/src/components/icon/utils.d.ts.map +1 -0
- package/lib/typescript/src/components/index.d.ts +14 -0
- package/lib/typescript/src/components/index.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/PageIndicator.d.ts +48 -0
- package/lib/typescript/src/components/page-indicator/PageIndicator.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/PageIndicatorRoot.d.ts +13 -0
- package/lib/typescript/src/components/page-indicator/PageIndicatorRoot.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-colors.d.ts +14 -0
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-colors.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-core.d.ts +11 -0
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-core.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-progress.d.ts +19 -0
- package/lib/typescript/src/components/page-indicator/hooks/use-page-indicator-progress.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/index.d.ts +4 -0
- package/lib/typescript/src/components/page-indicator/index.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/utils.d.ts +36 -0
- package/lib/typescript/src/components/page-indicator/utils.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/InactiveDot.d.ts +14 -0
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/InactiveDot.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/LoadingOrbit.d.ts +11 -0
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/LoadingOrbit.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/TravelingPill.d.ts +15 -0
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/TravelingPill.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/index.d.ts +32 -0
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/index.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/utils.d.ts +14 -0
- package/lib/typescript/src/components/page-indicator/variants/DotIndicator/utils.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/variants/PillIndicator/PillIndicatorDot.d.ts +16 -0
- package/lib/typescript/src/components/page-indicator/variants/PillIndicator/PillIndicatorDot.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/variants/PillIndicator/index.d.ts +28 -0
- package/lib/typescript/src/components/page-indicator/variants/PillIndicator/index.d.ts.map +1 -0
- package/lib/typescript/src/components/page-indicator/variants/PillIndicator/utils.d.ts +21 -0
- package/lib/typescript/src/components/page-indicator/variants/PillIndicator/utils.d.ts.map +1 -0
- package/lib/typescript/src/components/portal/PortalContext.d.ts +19 -0
- package/lib/typescript/src/components/portal/PortalContext.d.ts.map +1 -0
- package/lib/typescript/src/components/portal/PortalHost.d.ts +7 -0
- package/lib/typescript/src/components/portal/PortalHost.d.ts.map +1 -0
- package/lib/typescript/src/components/portal/PortalProvider.d.ts +11 -0
- package/lib/typescript/src/components/portal/PortalProvider.d.ts.map +1 -0
- package/lib/typescript/src/components/portal/index.d.ts +6 -0
- package/lib/typescript/src/components/portal/index.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/Screen.d.ts +53 -0
- package/lib/typescript/src/components/screen/Screen.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/ScreenContext.d.ts +64 -0
- package/lib/typescript/src/components/screen/ScreenContext.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/ScreenFlatList.d.ts +26 -0
- package/lib/typescript/src/components/screen/ScreenFlatList.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/ScreenScrollView.d.ts +36 -0
- package/lib/typescript/src/components/screen/ScreenScrollView.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/index.d.ts +9 -0
- package/lib/typescript/src/components/screen/index.d.ts.map +1 -0
- package/lib/typescript/src/components/screen/utils.d.ts +10 -0
- package/lib/typescript/src/components/screen/utils.d.ts.map +1 -0
- package/lib/typescript/src/components/slot/Slot.d.ts +17 -0
- package/lib/typescript/src/components/slot/Slot.d.ts.map +1 -0
- package/lib/typescript/src/components/slot/index.d.ts +8 -0
- package/lib/typescript/src/components/slot/index.d.ts.map +1 -0
- package/lib/typescript/src/components/slot/utils.d.ts +17 -0
- package/lib/typescript/src/components/slot/utils.d.ts.map +1 -0
- package/lib/typescript/src/components/spinner/Spinner.d.ts +18 -0
- package/lib/typescript/src/components/spinner/Spinner.d.ts.map +1 -0
- package/lib/typescript/src/components/spinner/index.d.ts +3 -0
- package/lib/typescript/src/components/spinner/index.d.ts.map +1 -0
- package/lib/typescript/src/components/surface/Surface.d.ts +31 -0
- package/lib/typescript/src/components/surface/Surface.d.ts.map +1 -0
- package/lib/typescript/src/components/surface/index.d.ts +3 -0
- package/lib/typescript/src/components/surface/index.d.ts.map +1 -0
- package/lib/typescript/src/components/text/Text.d.ts +23 -0
- package/lib/typescript/src/components/text/Text.d.ts.map +1 -0
- package/lib/typescript/src/components/text/index.d.ts +3 -0
- package/lib/typescript/src/components/text/index.d.ts.map +1 -0
- package/lib/typescript/src/components/toast/Toast.d.ts +71 -0
- package/lib/typescript/src/components/toast/Toast.d.ts.map +1 -0
- package/lib/typescript/src/components/toast/ToastProvider.d.ts +4 -0
- package/lib/typescript/src/components/toast/ToastProvider.d.ts.map +1 -0
- package/lib/typescript/src/components/toast/index.d.ts +5 -0
- package/lib/typescript/src/components/toast/index.d.ts.map +1 -0
- package/lib/typescript/src/components/toast/parts/ToastAnimatedItem.d.ts +18 -0
- package/lib/typescript/src/components/toast/parts/ToastAnimatedItem.d.ts.map +1 -0
- package/lib/typescript/src/components/toast/types.d.ts +62 -0
- package/lib/typescript/src/components/toast/types.d.ts.map +1 -0
- package/lib/typescript/src/components/toast/utils/controller.d.ts +5 -0
- package/lib/typescript/src/components/toast/utils/controller.d.ts.map +1 -0
- package/lib/typescript/src/context/ThemeProvider.d.ts +29 -0
- package/lib/typescript/src/context/ThemeProvider.d.ts.map +1 -0
- package/lib/typescript/src/context/index.d.ts +3 -0
- package/lib/typescript/src/context/index.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +4 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/theme/configure.d.ts +47 -0
- package/lib/typescript/src/theme/configure.d.ts.map +1 -0
- package/lib/typescript/src/theme/index.d.ts +11 -0
- package/lib/typescript/src/theme/index.d.ts.map +1 -0
- package/lib/typescript/src/theme/runtime.d.ts +7 -0
- package/lib/typescript/src/theme/runtime.d.ts.map +1 -0
- package/lib/typescript/src/theme/theme.d.ts +22 -0
- package/lib/typescript/src/theme/theme.d.ts.map +1 -0
- package/lib/typescript/src/theme/tokens/dark.d.ts +100 -0
- package/lib/typescript/src/theme/tokens/dark.d.ts.map +1 -0
- package/lib/typescript/src/theme/tokens/light.d.ts +106 -0
- package/lib/typescript/src/theme/tokens/light.d.ts.map +1 -0
- package/lib/typescript/src/theme/tokens/primitives.d.ts +212 -0
- package/lib/typescript/src/theme/tokens/primitives.d.ts.map +1 -0
- package/lib/typescript/src/theme/types.d.ts +273 -0
- package/lib/typescript/src/theme/types.d.ts.map +1 -0
- package/lib/typescript/src/types.d.ts +4 -0
- package/lib/typescript/src/types.d.ts.map +1 -0
- package/lib/typescript/src/utils/accent-utils.d.ts +4 -0
- package/lib/typescript/src/utils/accent-utils.d.ts.map +1 -0
- package/lib/typescript/src/utils/color-utils.d.ts +11 -0
- package/lib/typescript/src/utils/color-utils.d.ts.map +1 -0
- package/lib/typescript/src/utils/deep-merge.d.ts +11 -0
- package/lib/typescript/src/utils/deep-merge.d.ts.map +1 -0
- package/lib/typescript/src/utils/resolve-theme-color.d.ts +12 -0
- package/lib/typescript/src/utils/resolve-theme-color.d.ts.map +1 -0
- package/lib/typescript/src/utils/typography.d.ts +6 -0
- package/lib/typescript/src/utils/typography.d.ts.map +1 -0
- package/lib/typescript/src/utils/unflatten.d.ts +12 -0
- package/lib/typescript/src/utils/unflatten.d.ts.map +1 -0
- package/package.json +137 -0
- package/src/components/avatar/Avatar.tsx +146 -0
- package/src/components/avatar/index.ts +8 -0
- package/src/components/avatar/types.ts +35 -0
- package/src/components/box/Box.tsx +59 -0
- package/src/components/box/index.ts +8 -0
- package/src/components/box/utils.ts +181 -0
- package/src/components/button/Button.tsx +313 -0
- package/src/components/button/index.ts +8 -0
- package/src/components/header/Header.ts +22 -0
- package/src/components/header/header-buttons.tsx +103 -0
- package/src/components/header/index.ts +11 -0
- package/src/components/header/variants/LargeTitleHeader/index.tsx +390 -0
- package/src/components/header/variants/TitleHeader/index.tsx +194 -0
- package/src/components/icon/Icon.tsx +74 -0
- package/src/components/icon/index.ts +2 -0
- package/src/components/icon/utils.tsx +147 -0
- package/src/components/index.ts +13 -0
- package/src/components/page-indicator/PageIndicator.tsx +100 -0
- package/src/components/page-indicator/PageIndicatorRoot.tsx +41 -0
- package/src/components/page-indicator/hooks/use-page-indicator-colors.ts +65 -0
- package/src/components/page-indicator/hooks/use-page-indicator-core.ts +34 -0
- package/src/components/page-indicator/hooks/use-page-indicator-progress.ts +122 -0
- package/src/components/page-indicator/index.ts +13 -0
- package/src/components/page-indicator/utils.ts +208 -0
- package/src/components/page-indicator/variants/DotIndicator/InactiveDot.tsx +70 -0
- package/src/components/page-indicator/variants/DotIndicator/LoadingOrbit.tsx +201 -0
- package/src/components/page-indicator/variants/DotIndicator/TravelingPill.tsx +80 -0
- package/src/components/page-indicator/variants/DotIndicator/index.tsx +145 -0
- package/src/components/page-indicator/variants/DotIndicator/utils.ts +28 -0
- package/src/components/page-indicator/variants/PillIndicator/PillIndicatorDot.tsx +107 -0
- package/src/components/page-indicator/variants/PillIndicator/index.tsx +149 -0
- package/src/components/page-indicator/variants/PillIndicator/utils.ts +63 -0
- package/src/components/portal/PortalContext.tsx +27 -0
- package/src/components/portal/PortalHost.tsx +20 -0
- package/src/components/portal/PortalProvider.tsx +44 -0
- package/src/components/portal/index.ts +5 -0
- package/src/components/screen/Screen.tsx +163 -0
- package/src/components/screen/ScreenContext.tsx +144 -0
- package/src/components/screen/ScreenFlatList.tsx +121 -0
- package/src/components/screen/ScreenScrollView.tsx +130 -0
- package/src/components/screen/index.ts +8 -0
- package/src/components/screen/utils.ts +17 -0
- package/src/components/slot/Slot.tsx +56 -0
- package/src/components/slot/index.ts +8 -0
- package/src/components/slot/utils.ts +61 -0
- package/src/components/spinner/Spinner.tsx +153 -0
- package/src/components/spinner/index.ts +2 -0
- package/src/components/surface/Surface.tsx +100 -0
- package/src/components/surface/index.ts +2 -0
- package/src/components/text/Text.tsx +115 -0
- package/src/components/text/index.ts +2 -0
- package/src/components/toast/Toast.tsx +477 -0
- package/src/components/toast/ToastProvider.tsx +403 -0
- package/src/components/toast/index.ts +26 -0
- package/src/components/toast/parts/ToastAnimatedItem.tsx +184 -0
- package/src/components/toast/types.ts +75 -0
- package/src/components/toast/utils/controller.ts +23 -0
- package/src/context/ThemeProvider.tsx +97 -0
- package/src/context/index.ts +2 -0
- package/src/index.tsx +6 -0
- package/src/theme/configure.ts +215 -0
- package/src/theme/index.ts +72 -0
- package/src/theme/runtime.ts +27 -0
- package/src/theme/theme.ts +152 -0
- package/src/theme/tokens/dark.ts +117 -0
- package/src/theme/tokens/light.ts +123 -0
- package/src/theme/tokens/primitives.ts +232 -0
- package/src/theme/types.ts +384 -0
- package/src/types.ts +1 -0
- package/src/utils/accent-utils.ts +58 -0
- package/src/utils/color-utils.ts +51 -0
- package/src/utils/deep-merge.ts +36 -0
- package/src/utils/resolve-theme-color.ts +27 -0
- package/src/utils/typography.ts +15 -0
- package/src/utils/unflatten.ts +36 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["unflatten","dark","light","primitives","resolveRefs","flat","source","out","k","v","Object","entries","startsWith","endsWith","slice","flattenByCategory","tokens","key","value","sep","indexOf","cat","rest","undefined","prim","DEFAULT_RADIUS_BASE","radius","base","RADIUS_MULTIPLIERS","xs","sm","md","lg","xl","buildRadiusScale","scale","none","full","keys","defaultRadius","lightByCategory","darkByCategory","lightTokens","color","elevation","darkTokens","defaultLightTheme","spacing","typography","opacity","layout","defaultDarkTheme"],"sourceRoot":"../../../src","sources":["theme/theme.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Dark-scheme color tokens — flat, dotted-key data (no imports, no types).
|
|
5
|
+
*
|
|
6
|
+
* Convention: [category].[context].[property?].[variant].[state]
|
|
7
|
+
*
|
|
8
|
+
* GENERATED-STYLE SOURCE: intended to be replaced by the Figma / design-sync export.
|
|
9
|
+
*/
|
|
10
|
+
export const dark = {
|
|
11
|
+
// ── color: page background ────────────────────────────────────────────────
|
|
12
|
+
'color.background': '{palette.neutral.950}',
|
|
13
|
+
// ── color: surfaces (bg implied — no property segment) ──────────────────
|
|
14
|
+
'color.surface.default': '{palette.neutral.900}',
|
|
15
|
+
'color.surface.raised': '{palette.neutral.800}',
|
|
16
|
+
'color.surface.sunken': '#050506',
|
|
17
|
+
'color.surface.overlay': 'rgba(0, 0, 0, 0.72)',
|
|
18
|
+
'color.surface.accent': '{palette.emerald.500}',
|
|
19
|
+
'color.surface.accent.subtle': '{palette.emerald.950}',
|
|
20
|
+
// ── color: text / icons (fg implied — no property segment) ──────────────
|
|
21
|
+
'color.text.default': '{palette.neutral.50}',
|
|
22
|
+
'color.text.muted': '{palette.neutral.400}',
|
|
23
|
+
'color.text.subtle': '{palette.neutral.500}',
|
|
24
|
+
'color.text.disabled': '{palette.neutral.700}',
|
|
25
|
+
'color.text.inverse': '{palette.neutral.950}',
|
|
26
|
+
'color.text.link': '{palette.blue.300}',
|
|
27
|
+
'color.text.accent': '{palette.emerald.400}',
|
|
28
|
+
'color.text.on-accent': '{palette.neutral.950}',
|
|
29
|
+
'color.text.on-accent-subtle': '{palette.emerald.300}',
|
|
30
|
+
// ── color: borders (border-color implied — no property segment) ──────────
|
|
31
|
+
'color.border.subtle': '{palette.neutral.800}',
|
|
32
|
+
'color.border.default': '{palette.neutral.700}',
|
|
33
|
+
'color.border.strong': '{palette.neutral.600}',
|
|
34
|
+
'color.border.focus': '{palette.blue.400}',
|
|
35
|
+
'color.border.accent': '{palette.emerald.500}',
|
|
36
|
+
// ── color: interactive actions (bg + fg → property required) ────────────
|
|
37
|
+
'color.action.bg.primary': '{palette.emerald.500}',
|
|
38
|
+
'color.action.bg.primary.hover': '{palette.emerald.400}',
|
|
39
|
+
'color.action.bg.primary.active': '{palette.emerald.300}',
|
|
40
|
+
'color.action.bg.primary.disabled': '{palette.slate.700}',
|
|
41
|
+
'color.action.fg.primary': '{palette.slate.950}',
|
|
42
|
+
'color.action.bg.subtle': '{palette.emerald.950}',
|
|
43
|
+
'color.action.bg.subtle.hover': '{palette.emerald.900}',
|
|
44
|
+
'color.action.bg.subtle.active': '{palette.emerald.800}',
|
|
45
|
+
'color.action.bg.subtle.disabled': '{palette.neutral.900}',
|
|
46
|
+
'color.action.fg.subtle': '{palette.emerald.300}',
|
|
47
|
+
'color.action.bg.neutral': 'transparent',
|
|
48
|
+
'color.action.bg.neutral.hover': '{palette.neutral.800}',
|
|
49
|
+
'color.action.bg.neutral.active': '{palette.neutral.700}',
|
|
50
|
+
'color.action.bg.neutral.disabled': 'transparent',
|
|
51
|
+
'color.action.fg.neutral': '{palette.neutral.400}',
|
|
52
|
+
// ── color: status (bg + fg + border → property required) ────────────────
|
|
53
|
+
'color.status.bg.success': '{palette.green.500}',
|
|
54
|
+
'color.status.bg.success.subtle': '{palette.green.900}',
|
|
55
|
+
'color.status.border.success': '{palette.green.700}',
|
|
56
|
+
'color.status.border.success.subtle': '{palette.green.800}',
|
|
57
|
+
'color.status.fg.success': '{palette.slate.950}',
|
|
58
|
+
'color.status.fg.success.subtle': '{palette.green.200}',
|
|
59
|
+
'color.status.bg.warning': '{palette.amber.400}',
|
|
60
|
+
'color.status.bg.warning.subtle': '{palette.amber.900}',
|
|
61
|
+
'color.status.border.warning': '{palette.amber.700}',
|
|
62
|
+
'color.status.border.warning.subtle': '{palette.amber.800}',
|
|
63
|
+
'color.status.fg.warning': '{palette.slate.950}',
|
|
64
|
+
'color.status.fg.warning.subtle': '{palette.amber.200}',
|
|
65
|
+
'color.status.bg.danger': '{palette.red.500}',
|
|
66
|
+
'color.status.bg.danger.subtle': '{palette.red.950}',
|
|
67
|
+
'color.status.border.danger': '{palette.red.800}',
|
|
68
|
+
'color.status.border.danger.subtle': '{palette.red.900}',
|
|
69
|
+
'color.status.fg.danger': '{palette.white}',
|
|
70
|
+
'color.status.fg.danger.subtle': '{palette.red.200}',
|
|
71
|
+
'color.status.bg.info': '{palette.sky.500}',
|
|
72
|
+
'color.status.bg.info.subtle': '{palette.sky.950}',
|
|
73
|
+
'color.status.border.info': '{palette.sky.800}',
|
|
74
|
+
'color.status.border.info.subtle': '{palette.sky.900}',
|
|
75
|
+
'color.status.fg.info': '{palette.slate.950}',
|
|
76
|
+
'color.status.fg.info.subtle': '{palette.sky.200}',
|
|
77
|
+
// ── elevation: platform-aware shadow + Android elevation ──────────────────
|
|
78
|
+
'elevation.none.shadowColor': '#000000',
|
|
79
|
+
'elevation.none.shadowOpacity': 0,
|
|
80
|
+
'elevation.none.shadowRadius': 0,
|
|
81
|
+
'elevation.none.shadowOffset.width': 0,
|
|
82
|
+
'elevation.none.shadowOffset.height': 0,
|
|
83
|
+
'elevation.none.elevation': 0,
|
|
84
|
+
'elevation.sm.shadowColor': '#000000',
|
|
85
|
+
'elevation.sm.shadowOpacity': 0.3,
|
|
86
|
+
'elevation.sm.shadowRadius': 2,
|
|
87
|
+
'elevation.sm.shadowOffset.width': 0,
|
|
88
|
+
'elevation.sm.shadowOffset.height': 1,
|
|
89
|
+
'elevation.sm.elevation': 1,
|
|
90
|
+
'elevation.md.shadowColor': '#000000',
|
|
91
|
+
'elevation.md.shadowOpacity': 0.4,
|
|
92
|
+
'elevation.md.shadowRadius': 6,
|
|
93
|
+
'elevation.md.shadowOffset.width': 0,
|
|
94
|
+
'elevation.md.shadowOffset.height': 2,
|
|
95
|
+
'elevation.md.elevation': 3,
|
|
96
|
+
'elevation.lg.shadowColor': '#000000',
|
|
97
|
+
'elevation.lg.shadowOpacity': 0.5,
|
|
98
|
+
'elevation.lg.shadowRadius': 12,
|
|
99
|
+
'elevation.lg.shadowOffset.width': 0,
|
|
100
|
+
'elevation.lg.shadowOffset.height': 4,
|
|
101
|
+
'elevation.lg.elevation': 6,
|
|
102
|
+
'elevation.xl.shadowColor': '#000000',
|
|
103
|
+
'elevation.xl.shadowOpacity': 0.6,
|
|
104
|
+
'elevation.xl.shadowRadius': 24,
|
|
105
|
+
'elevation.xl.shadowOffset.width': 0,
|
|
106
|
+
'elevation.xl.shadowOffset.height': 8,
|
|
107
|
+
'elevation.xl.elevation': 12
|
|
108
|
+
};
|
|
109
|
+
//# sourceMappingURL=dark.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["dark"],"sourceRoot":"../../../../src","sources":["theme/tokens/dark.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMA,IAAI,GAAG;EAClB;EACA,kBAAkB,EAAE,uBAAuB;EAE3C;EACA,uBAAuB,EAAE,uBAAuB;EAChD,sBAAsB,EAAE,uBAAuB;EAC/C,sBAAsB,EAAE,SAAS;EACjC,uBAAuB,EAAE,qBAAqB;EAC9C,sBAAsB,EAAE,uBAAuB;EAC/C,6BAA6B,EAAE,uBAAuB;EAEtD;EACA,oBAAoB,EAAE,sBAAsB;EAC5C,kBAAkB,EAAE,uBAAuB;EAC3C,mBAAmB,EAAE,uBAAuB;EAC5C,qBAAqB,EAAE,uBAAuB;EAC9C,oBAAoB,EAAE,uBAAuB;EAC7C,iBAAiB,EAAE,oBAAoB;EACvC,mBAAmB,EAAE,uBAAuB;EAC5C,sBAAsB,EAAE,uBAAuB;EAC/C,6BAA6B,EAAE,uBAAuB;EAEtD;EACA,qBAAqB,EAAE,uBAAuB;EAC9C,sBAAsB,EAAE,uBAAuB;EAC/C,qBAAqB,EAAE,uBAAuB;EAC9C,oBAAoB,EAAE,oBAAoB;EAC1C,qBAAqB,EAAE,uBAAuB;EAE9C;EACA,yBAAyB,EAAE,uBAAuB;EAClD,+BAA+B,EAAE,uBAAuB;EACxD,gCAAgC,EAAE,uBAAuB;EACzD,kCAAkC,EAAE,qBAAqB;EACzD,yBAAyB,EAAE,qBAAqB;EAEhD,wBAAwB,EAAE,uBAAuB;EACjD,8BAA8B,EAAE,uBAAuB;EACvD,+BAA+B,EAAE,uBAAuB;EACxD,iCAAiC,EAAE,uBAAuB;EAC1D,wBAAwB,EAAE,uBAAuB;EAEjD,yBAAyB,EAAE,aAAa;EACxC,+BAA+B,EAAE,uBAAuB;EACxD,gCAAgC,EAAE,uBAAuB;EACzD,kCAAkC,EAAE,aAAa;EACjD,yBAAyB,EAAE,uBAAuB;EAElD;EACA,yBAAyB,EAAE,qBAAqB;EAChD,gCAAgC,EAAE,qBAAqB;EACvD,6BAA6B,EAAE,qBAAqB;EACpD,oCAAoC,EAAE,qBAAqB;EAC3D,yBAAyB,EAAE,qBAAqB;EAChD,gCAAgC,EAAE,qBAAqB;EAEvD,yBAAyB,EAAE,qBAAqB;EAChD,gCAAgC,EAAE,qBAAqB;EACvD,6BAA6B,EAAE,qBAAqB;EACpD,oCAAoC,EAAE,qBAAqB;EAC3D,yBAAyB,EAAE,qBAAqB;EAChD,gCAAgC,EAAE,qBAAqB;EAEvD,wBAAwB,EAAE,mBAAmB;EAC7C,+BAA+B,EAAE,mBAAmB;EACpD,4BAA4B,EAAE,mBAAmB;EACjD,mCAAmC,EAAE,mBAAmB;EACxD,wBAAwB,EAAE,iBAAiB;EAC3C,+BAA+B,EAAE,mBAAmB;EAEpD,sBAAsB,EAAE,mBAAmB;EAC3C,6BAA6B,EAAE,mBAAmB;EAClD,0BAA0B,EAAE,mBAAmB;EAC/C,iCAAiC,EAAE,mBAAmB;EACtD,sBAAsB,EAAE,qBAAqB;EAC7C,6BAA6B,EAAE,mBAAmB;EAElD;EACA,4BAA4B,EAAE,SAAS;EACvC,8BAA8B,EAAE,CAAC;EACjC,6BAA6B,EAAE,CAAC;EAChC,mCAAmC,EAAE,CAAC;EACtC,oCAAoC,EAAE,CAAC;EACvC,0BAA0B,EAAE,CAAC;EAC7B,0BAA0B,EAAE,SAAS;EACrC,4BAA4B,EAAE,GAAG;EACjC,2BAA2B,EAAE,CAAC;EAC9B,iCAAiC,EAAE,CAAC;EACpC,kCAAkC,EAAE,CAAC;EACrC,wBAAwB,EAAE,CAAC;EAC3B,0BAA0B,EAAE,SAAS;EACrC,4BAA4B,EAAE,GAAG;EACjC,2BAA2B,EAAE,CAAC;EAC9B,iCAAiC,EAAE,CAAC;EACpC,kCAAkC,EAAE,CAAC;EACrC,wBAAwB,EAAE,CAAC;EAC3B,0BAA0B,EAAE,SAAS;EACrC,4BAA4B,EAAE,GAAG;EACjC,2BAA2B,EAAE,EAAE;EAC/B,iCAAiC,EAAE,CAAC;EACpC,kCAAkC,EAAE,CAAC;EACrC,wBAAwB,EAAE,CAAC;EAC3B,0BAA0B,EAAE,SAAS;EACrC,4BAA4B,EAAE,GAAG;EACjC,2BAA2B,EAAE,EAAE;EAC/B,iCAAiC,EAAE,CAAC;EACpC,kCAAkC,EAAE,CAAC;EACrC,wBAAwB,EAAE;AAC5B,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Light-scheme color tokens — flat, dotted-key data (no imports, no types).
|
|
5
|
+
*
|
|
6
|
+
* Convention: [category].[context].[property?].[variant].[state]
|
|
7
|
+
* - property is omitted when the context implies it (surface → bg, text → fg, border → border-color)
|
|
8
|
+
* - property is required when a context carries multiple attributes (action, status)
|
|
9
|
+
*
|
|
10
|
+
* Values use {palette.key} reference notation, resolved against primitives at
|
|
11
|
+
* build time via resolveRefs() in theme.ts. Raw hex is used only where no
|
|
12
|
+
* palette step matches exactly.
|
|
13
|
+
*
|
|
14
|
+
* GENERATED-STYLE SOURCE: intended to be replaced by the Figma / design-sync export.
|
|
15
|
+
*/
|
|
16
|
+
export const light = {
|
|
17
|
+
// ── color: page background ────────────────────────────────────────────────
|
|
18
|
+
'color.background': '#f9f9fb',
|
|
19
|
+
// ── color: surfaces (bg implied — no property segment) ──────────────────
|
|
20
|
+
'color.surface.default': '{palette.white}',
|
|
21
|
+
'color.surface.raised': '{palette.white}',
|
|
22
|
+
'color.surface.sunken': '#ececee',
|
|
23
|
+
'color.surface.overlay': 'rgba(9, 9, 11, 0.48)',
|
|
24
|
+
'color.surface.accent': '{palette.emerald.600}',
|
|
25
|
+
'color.surface.accent.subtle': '{palette.emerald.100}',
|
|
26
|
+
// ── color: text / icons (fg implied — no property segment) ──────────────
|
|
27
|
+
'color.text.default': '{palette.neutral.950}',
|
|
28
|
+
'color.text.muted': '#4b5060',
|
|
29
|
+
'color.text.subtle': '#6b7280',
|
|
30
|
+
'color.text.disabled': '#9ca3af',
|
|
31
|
+
'color.text.inverse': '{palette.white}',
|
|
32
|
+
'color.text.link': '{palette.blue.600}',
|
|
33
|
+
'color.text.accent': '{palette.emerald.600}',
|
|
34
|
+
'color.text.on-accent': '{palette.white}',
|
|
35
|
+
'color.text.on-accent-subtle': '{palette.emerald.700}',
|
|
36
|
+
// ── color: borders (border-color implied — no property segment) ──────────
|
|
37
|
+
'color.border.subtle': '#ebebed',
|
|
38
|
+
'color.border.default': '{palette.neutral.200}',
|
|
39
|
+
'color.border.strong': '#d1d5db',
|
|
40
|
+
'color.border.focus': '{palette.blue.500}',
|
|
41
|
+
'color.border.accent': '{palette.emerald.600}',
|
|
42
|
+
// ── color: interactive actions (bg + fg → property required) ────────────
|
|
43
|
+
'color.action.bg.primary': '{palette.emerald.600}',
|
|
44
|
+
'color.action.bg.primary.hover': '{palette.emerald.700}',
|
|
45
|
+
'color.action.bg.primary.active': '{palette.emerald.800}',
|
|
46
|
+
'color.action.bg.primary.disabled': '{palette.slate.200}',
|
|
47
|
+
'color.action.fg.primary': '{palette.white}',
|
|
48
|
+
'color.action.bg.subtle': '{palette.emerald.100}',
|
|
49
|
+
'color.action.bg.subtle.hover': '{palette.emerald.200}',
|
|
50
|
+
'color.action.bg.subtle.active': '{palette.emerald.300}',
|
|
51
|
+
'color.action.bg.subtle.disabled': '{palette.slate.100}',
|
|
52
|
+
'color.action.fg.subtle': '{palette.emerald.700}',
|
|
53
|
+
'color.action.bg.neutral': 'transparent',
|
|
54
|
+
'color.action.bg.neutral.hover': '{palette.slate.100}',
|
|
55
|
+
'color.action.bg.neutral.active': '{palette.slate.200}',
|
|
56
|
+
'color.action.bg.neutral.disabled': 'transparent',
|
|
57
|
+
'color.action.fg.neutral': '{palette.slate.700}',
|
|
58
|
+
// ── color: status (bg + fg + border → property required) ────────────────
|
|
59
|
+
'color.status.bg.success': '{palette.green.600}',
|
|
60
|
+
'color.status.bg.success.subtle': '{palette.green.100}',
|
|
61
|
+
'color.status.border.success': '{palette.green.300}',
|
|
62
|
+
'color.status.border.success.subtle': '{palette.green.200}',
|
|
63
|
+
'color.status.fg.success': '{palette.white}',
|
|
64
|
+
'color.status.fg.success.subtle': '{palette.green.800}',
|
|
65
|
+
'color.status.bg.warning': '{palette.amber.500}',
|
|
66
|
+
'color.status.bg.warning.subtle': '{palette.amber.100}',
|
|
67
|
+
'color.status.border.warning': '{palette.amber.300}',
|
|
68
|
+
'color.status.border.warning.subtle': '{palette.amber.200}',
|
|
69
|
+
'color.status.fg.warning': '{palette.slate.950}',
|
|
70
|
+
'color.status.fg.warning.subtle': '{palette.amber.800}',
|
|
71
|
+
'color.status.bg.danger': '{palette.red.600}',
|
|
72
|
+
'color.status.bg.danger.subtle': '{palette.red.100}',
|
|
73
|
+
'color.status.border.danger': '{palette.red.300}',
|
|
74
|
+
'color.status.border.danger.subtle': '{palette.red.200}',
|
|
75
|
+
'color.status.fg.danger': '{palette.white}',
|
|
76
|
+
'color.status.fg.danger.subtle': '{palette.red.800}',
|
|
77
|
+
'color.status.bg.info': '{palette.sky.600}',
|
|
78
|
+
'color.status.bg.info.subtle': '{palette.sky.100}',
|
|
79
|
+
'color.status.border.info': '{palette.sky.300}',
|
|
80
|
+
'color.status.border.info.subtle': '{palette.sky.200}',
|
|
81
|
+
'color.status.fg.info': '{palette.white}',
|
|
82
|
+
'color.status.fg.info.subtle': '{palette.sky.800}',
|
|
83
|
+
// ── elevation: platform-aware shadow + Android elevation ──────────────────
|
|
84
|
+
'elevation.none.shadowColor': '#000000',
|
|
85
|
+
'elevation.none.shadowOpacity': 0,
|
|
86
|
+
'elevation.none.shadowRadius': 0,
|
|
87
|
+
'elevation.none.shadowOffset.width': 0,
|
|
88
|
+
'elevation.none.shadowOffset.height': 0,
|
|
89
|
+
'elevation.none.elevation': 0,
|
|
90
|
+
'elevation.sm.shadowColor': '#000000',
|
|
91
|
+
'elevation.sm.shadowOpacity': 0.1,
|
|
92
|
+
'elevation.sm.shadowRadius': 3,
|
|
93
|
+
'elevation.sm.shadowOffset.width': 0,
|
|
94
|
+
'elevation.sm.shadowOffset.height': 1,
|
|
95
|
+
'elevation.sm.elevation': 1,
|
|
96
|
+
'elevation.md.shadowColor': '#000000',
|
|
97
|
+
'elevation.md.shadowOpacity': 0.12,
|
|
98
|
+
'elevation.md.shadowRadius': 8,
|
|
99
|
+
'elevation.md.shadowOffset.width': 0,
|
|
100
|
+
'elevation.md.shadowOffset.height': 2,
|
|
101
|
+
'elevation.md.elevation': 3,
|
|
102
|
+
'elevation.lg.shadowColor': '#000000',
|
|
103
|
+
'elevation.lg.shadowOpacity': 0.12,
|
|
104
|
+
'elevation.lg.shadowRadius': 12,
|
|
105
|
+
'elevation.lg.shadowOffset.width': 0,
|
|
106
|
+
'elevation.lg.shadowOffset.height': 4,
|
|
107
|
+
'elevation.lg.elevation': 6,
|
|
108
|
+
'elevation.xl.shadowColor': '#000000',
|
|
109
|
+
'elevation.xl.shadowOpacity': 0.16,
|
|
110
|
+
'elevation.xl.shadowRadius': 24,
|
|
111
|
+
'elevation.xl.shadowOffset.width': 0,
|
|
112
|
+
'elevation.xl.shadowOffset.height': 8,
|
|
113
|
+
'elevation.xl.elevation': 12
|
|
114
|
+
};
|
|
115
|
+
//# sourceMappingURL=light.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["light"],"sourceRoot":"../../../../src","sources":["theme/tokens/light.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* Scheme-agnostic primitive tokens — flat, dotted-key data.
|
|
5
|
+
*
|
|
6
|
+
* GENERATED-STYLE SOURCE: this file is plain data (no imports, no types).
|
|
7
|
+
* It is intended to be replaced by the Figma design-system export. Keys use a
|
|
8
|
+
* fully-flat `a.b.c` path; the runtime theme is rebuilt from these via
|
|
9
|
+
* `unflatten()` in `theme.ts`. Scalar leaves only.
|
|
10
|
+
*
|
|
11
|
+
* `palette.*` is kept for Figma parity / authoring reference; the runtime theme
|
|
12
|
+
* consumes already-resolved semantic colors (see `light.ts` / `dark.ts`) and
|
|
13
|
+
* does not read the palette directly.
|
|
14
|
+
*/
|
|
15
|
+
export const primitives = {
|
|
16
|
+
// ── palette (Tailwind-derived ramps) ──────────────────────────────────────
|
|
17
|
+
'palette.slate.50': '#f8fafc',
|
|
18
|
+
'palette.slate.100': '#f1f5f9',
|
|
19
|
+
'palette.slate.200': '#e2e8f0',
|
|
20
|
+
'palette.slate.300': '#cad5e2',
|
|
21
|
+
'palette.slate.400': '#90a1b9',
|
|
22
|
+
'palette.slate.500': '#62748e',
|
|
23
|
+
'palette.slate.600': '#45556c',
|
|
24
|
+
'palette.slate.700': '#314158',
|
|
25
|
+
'palette.slate.800': '#1d293d',
|
|
26
|
+
'palette.slate.900': '#0f172b',
|
|
27
|
+
'palette.slate.950': '#020618',
|
|
28
|
+
'palette.emerald.50': '#ecfdf5',
|
|
29
|
+
'palette.emerald.100': '#d0fae5',
|
|
30
|
+
'palette.emerald.200': '#a4f4cf',
|
|
31
|
+
'palette.emerald.300': '#5ee9b5',
|
|
32
|
+
'palette.emerald.400': '#00d492',
|
|
33
|
+
'palette.emerald.500': '#00bc7d',
|
|
34
|
+
'palette.emerald.600': '#009966',
|
|
35
|
+
'palette.emerald.700': '#007a55',
|
|
36
|
+
'palette.emerald.800': '#006045',
|
|
37
|
+
'palette.emerald.900': '#004f3b',
|
|
38
|
+
'palette.emerald.950': '#002c22',
|
|
39
|
+
'palette.red.50': '#fef2f2',
|
|
40
|
+
'palette.red.100': '#ffe2e2',
|
|
41
|
+
'palette.red.200': '#ffc9c9',
|
|
42
|
+
'palette.red.300': '#ffa2a2',
|
|
43
|
+
'palette.red.400': '#ff6467',
|
|
44
|
+
'palette.red.500': '#fb2c36',
|
|
45
|
+
'palette.red.600': '#e7000b',
|
|
46
|
+
'palette.red.700': '#c10007',
|
|
47
|
+
'palette.red.800': '#9f0712',
|
|
48
|
+
'palette.red.900': '#82181a',
|
|
49
|
+
'palette.red.950': '#460809',
|
|
50
|
+
'palette.amber.50': '#fffbeb',
|
|
51
|
+
'palette.amber.100': '#fef3c6',
|
|
52
|
+
'palette.amber.200': '#fee685',
|
|
53
|
+
'palette.amber.300': '#ffd230',
|
|
54
|
+
'palette.amber.400': '#ffb900',
|
|
55
|
+
'palette.amber.500': '#fe9a00',
|
|
56
|
+
'palette.amber.600': '#e17100',
|
|
57
|
+
'palette.amber.700': '#bb4d00',
|
|
58
|
+
'palette.amber.800': '#973c00',
|
|
59
|
+
'palette.amber.900': '#7b3306',
|
|
60
|
+
'palette.amber.950': '#461901',
|
|
61
|
+
'palette.green.50': '#f0fdf4',
|
|
62
|
+
'palette.green.100': '#dcfce7',
|
|
63
|
+
'palette.green.200': '#b9f8cf',
|
|
64
|
+
'palette.green.300': '#7bf1a8',
|
|
65
|
+
'palette.green.400': '#05df72',
|
|
66
|
+
'palette.green.500': '#00c950',
|
|
67
|
+
'palette.green.600': '#00a63e',
|
|
68
|
+
'palette.green.700': '#008236',
|
|
69
|
+
'palette.green.800': '#016630',
|
|
70
|
+
'palette.green.900': '#0d542b',
|
|
71
|
+
'palette.green.950': '#032e15',
|
|
72
|
+
'palette.blue.50': '#eff6ff',
|
|
73
|
+
'palette.blue.100': '#dbeafe',
|
|
74
|
+
'palette.blue.200': '#bedbff',
|
|
75
|
+
'palette.blue.300': '#8ec5ff',
|
|
76
|
+
'palette.blue.400': '#51a2ff',
|
|
77
|
+
'palette.blue.500': '#2b7fff',
|
|
78
|
+
'palette.blue.600': '#155dfc',
|
|
79
|
+
'palette.blue.700': '#1447e6',
|
|
80
|
+
'palette.blue.800': '#193cb8',
|
|
81
|
+
'palette.blue.900': '#1c398e',
|
|
82
|
+
'palette.blue.950': '#162456',
|
|
83
|
+
'palette.sky.50': '#f0f9ff',
|
|
84
|
+
'palette.sky.100': '#dff2fe',
|
|
85
|
+
'palette.sky.200': '#b8e6fe',
|
|
86
|
+
'palette.sky.300': '#74d4ff',
|
|
87
|
+
'palette.sky.400': '#00bcff',
|
|
88
|
+
'palette.sky.500': '#00a6f4',
|
|
89
|
+
'palette.sky.600': '#0084d1',
|
|
90
|
+
'palette.sky.700': '#0069a8',
|
|
91
|
+
'palette.sky.800': '#00598a',
|
|
92
|
+
'palette.sky.900': '#024a70',
|
|
93
|
+
'palette.sky.950': '#052f4a',
|
|
94
|
+
'palette.black': '#000000',
|
|
95
|
+
'palette.white': '#ffffff',
|
|
96
|
+
'palette.neutral.50': '#fafafa',
|
|
97
|
+
'palette.neutral.100': '#f4f4f5',
|
|
98
|
+
'palette.neutral.200': '#e4e4e7',
|
|
99
|
+
'palette.neutral.300': '#d4d4d8',
|
|
100
|
+
'palette.neutral.400': '#a1a1aa',
|
|
101
|
+
'palette.neutral.500': '#71717a',
|
|
102
|
+
'palette.neutral.600': '#52525b',
|
|
103
|
+
'palette.neutral.700': '#3f3f46',
|
|
104
|
+
'palette.neutral.800': '#27272a',
|
|
105
|
+
'palette.neutral.900': '#18181b',
|
|
106
|
+
'palette.neutral.950': '#09090b',
|
|
107
|
+
// ── spacing scale (dp, 4dp base unit) ─────────────────────────────────────
|
|
108
|
+
'spacing.0': 0,
|
|
109
|
+
'spacing.1': 4,
|
|
110
|
+
'spacing.2': 8,
|
|
111
|
+
'spacing.3': 12,
|
|
112
|
+
'spacing.4': 16,
|
|
113
|
+
'spacing.5': 20,
|
|
114
|
+
'spacing.6': 24,
|
|
115
|
+
'spacing.7': 28,
|
|
116
|
+
'spacing.8': 32,
|
|
117
|
+
'spacing.9': 36,
|
|
118
|
+
'spacing.10': 40,
|
|
119
|
+
'spacing.12': 48,
|
|
120
|
+
'spacing.14': 56,
|
|
121
|
+
'spacing.16': 64,
|
|
122
|
+
'spacing.20': 80,
|
|
123
|
+
'spacing.24': 96,
|
|
124
|
+
'spacing.32': 128,
|
|
125
|
+
// ── border-radius base (dp) ───────────────────────────────────────────────
|
|
126
|
+
// Only the BASE (the `lg`/×1 step) is authored here. The full radius scale is
|
|
127
|
+
// DERIVED from it via `buildRadiusScale()` in `../theme.ts`. Two ways to
|
|
128
|
+
// change it: edit this design-time token, or override at configure time with
|
|
129
|
+
// `configureTerraUI({ shared: { radius: { base } } })`.
|
|
130
|
+
'radius.base': 8,
|
|
131
|
+
// ── typography: weight-token → font family (System default) ───────────────
|
|
132
|
+
'typography.fonts.regular': 'System',
|
|
133
|
+
'typography.fonts.medium': 'System',
|
|
134
|
+
'typography.fonts.semibold': 'System',
|
|
135
|
+
'typography.fonts.bold': 'System',
|
|
136
|
+
// ── typography: role variants ─────────────────────────────────────────────
|
|
137
|
+
'typography.variants.display-lg.fontSize': 40,
|
|
138
|
+
'typography.variants.display-lg.lineHeight': 48,
|
|
139
|
+
'typography.variants.display-lg.fontWeight': 'bold',
|
|
140
|
+
'typography.variants.display-lg.letterSpacing': -1,
|
|
141
|
+
'typography.variants.display-lg.maxFontSizeMultiplier': 1.2,
|
|
142
|
+
'typography.variants.display-md.fontSize': 36,
|
|
143
|
+
'typography.variants.display-md.lineHeight': 44,
|
|
144
|
+
'typography.variants.display-md.fontWeight': 'bold',
|
|
145
|
+
'typography.variants.display-md.letterSpacing': -0.8,
|
|
146
|
+
'typography.variants.display-md.maxFontSizeMultiplier': 1.2,
|
|
147
|
+
'typography.variants.display-sm.fontSize': 32,
|
|
148
|
+
'typography.variants.display-sm.lineHeight': 40,
|
|
149
|
+
'typography.variants.display-sm.fontWeight': 'bold',
|
|
150
|
+
'typography.variants.display-sm.letterSpacing': -0.5,
|
|
151
|
+
'typography.variants.display-sm.maxFontSizeMultiplier': 1.2,
|
|
152
|
+
'typography.variants.headline-lg.fontSize': 28,
|
|
153
|
+
'typography.variants.headline-lg.lineHeight': 36,
|
|
154
|
+
'typography.variants.headline-lg.fontWeight': 'semibold',
|
|
155
|
+
'typography.variants.headline-lg.letterSpacing': -0.3,
|
|
156
|
+
'typography.variants.headline-lg.maxFontSizeMultiplier': 1.3,
|
|
157
|
+
'typography.variants.headline-md.fontSize': 24,
|
|
158
|
+
'typography.variants.headline-md.lineHeight': 32,
|
|
159
|
+
'typography.variants.headline-md.fontWeight': 'semibold',
|
|
160
|
+
'typography.variants.headline-md.letterSpacing': -0.2,
|
|
161
|
+
'typography.variants.headline-md.maxFontSizeMultiplier': 1.3,
|
|
162
|
+
'typography.variants.headline-sm.fontSize': 22,
|
|
163
|
+
'typography.variants.headline-sm.lineHeight': 28,
|
|
164
|
+
'typography.variants.headline-sm.fontWeight': 'semibold',
|
|
165
|
+
'typography.variants.headline-sm.letterSpacing': -0.1,
|
|
166
|
+
'typography.variants.headline-sm.maxFontSizeMultiplier': 1.3,
|
|
167
|
+
'typography.variants.title-lg.fontSize': 20,
|
|
168
|
+
'typography.variants.title-lg.lineHeight': 28,
|
|
169
|
+
'typography.variants.title-lg.fontWeight': 'semibold',
|
|
170
|
+
'typography.variants.title-lg.letterSpacing': 0,
|
|
171
|
+
'typography.variants.title-lg.maxFontSizeMultiplier': 1.4,
|
|
172
|
+
'typography.variants.title-md.fontSize': 18,
|
|
173
|
+
'typography.variants.title-md.lineHeight': 24,
|
|
174
|
+
'typography.variants.title-md.fontWeight': 'semibold',
|
|
175
|
+
'typography.variants.title-md.letterSpacing': 0,
|
|
176
|
+
'typography.variants.title-md.maxFontSizeMultiplier': 1.4,
|
|
177
|
+
'typography.variants.title-sm.fontSize': 16,
|
|
178
|
+
'typography.variants.title-sm.lineHeight': 22,
|
|
179
|
+
'typography.variants.title-sm.fontWeight': 'semibold',
|
|
180
|
+
'typography.variants.title-sm.letterSpacing': 0,
|
|
181
|
+
'typography.variants.title-sm.maxFontSizeMultiplier': 1.4,
|
|
182
|
+
'typography.variants.body-lg.fontSize': 17,
|
|
183
|
+
'typography.variants.body-lg.lineHeight': 26,
|
|
184
|
+
'typography.variants.body-lg.fontWeight': 'regular',
|
|
185
|
+
'typography.variants.body-lg.letterSpacing': 0,
|
|
186
|
+
'typography.variants.body-lg.maxFontSizeMultiplier': 1.8,
|
|
187
|
+
'typography.variants.body-md.fontSize': 16,
|
|
188
|
+
'typography.variants.body-md.lineHeight': 24,
|
|
189
|
+
'typography.variants.body-md.fontWeight': 'regular',
|
|
190
|
+
'typography.variants.body-md.letterSpacing': 0,
|
|
191
|
+
'typography.variants.body-md.maxFontSizeMultiplier': 1.8,
|
|
192
|
+
'typography.variants.body-sm.fontSize': 14,
|
|
193
|
+
'typography.variants.body-sm.lineHeight': 20,
|
|
194
|
+
'typography.variants.body-sm.fontWeight': 'regular',
|
|
195
|
+
'typography.variants.body-sm.letterSpacing': 0,
|
|
196
|
+
'typography.variants.body-sm.maxFontSizeMultiplier': 1.8,
|
|
197
|
+
'typography.variants.label-lg.fontSize': 15,
|
|
198
|
+
'typography.variants.label-lg.lineHeight': 20,
|
|
199
|
+
'typography.variants.label-lg.fontWeight': 'medium',
|
|
200
|
+
'typography.variants.label-lg.letterSpacing': 0.1,
|
|
201
|
+
'typography.variants.label-lg.maxFontSizeMultiplier': 1.5,
|
|
202
|
+
'typography.variants.label-md.fontSize': 14,
|
|
203
|
+
'typography.variants.label-md.lineHeight': 18,
|
|
204
|
+
'typography.variants.label-md.fontWeight': 'medium',
|
|
205
|
+
'typography.variants.label-md.letterSpacing': 0.1,
|
|
206
|
+
'typography.variants.label-md.maxFontSizeMultiplier': 1.5,
|
|
207
|
+
'typography.variants.label-sm.fontSize': 12,
|
|
208
|
+
'typography.variants.label-sm.lineHeight': 16,
|
|
209
|
+
'typography.variants.label-sm.fontWeight': 'medium',
|
|
210
|
+
'typography.variants.label-sm.letterSpacing': 0.2,
|
|
211
|
+
'typography.variants.label-sm.maxFontSizeMultiplier': 1.5,
|
|
212
|
+
'typography.variants.caption.fontSize': 12,
|
|
213
|
+
'typography.variants.caption.lineHeight': 16,
|
|
214
|
+
'typography.variants.caption.fontWeight': 'regular',
|
|
215
|
+
'typography.variants.caption.letterSpacing': 0.2,
|
|
216
|
+
'typography.variants.caption.maxFontSizeMultiplier': 1.4,
|
|
217
|
+
// ── state-layer opacities ─────────────────────────────────────────────────
|
|
218
|
+
'opacity.disabled': 0.45,
|
|
219
|
+
'opacity.pressed': 0.85,
|
|
220
|
+
// ── screen-level layout ───────────────────────────────────────────────────
|
|
221
|
+
'layout.screen.margin.x': 16,
|
|
222
|
+
'layout.screen.margin.y': 0,
|
|
223
|
+
// ── header layout ─────────────────────────────────────────────────────────
|
|
224
|
+
// Header bar height (compact nav bar / collapsed large-title bar). 56dp aligns
|
|
225
|
+
// to the 4dp spacing grid (= spacing.14) and a standard app-bar height.
|
|
226
|
+
'layout.header.height': 56
|
|
227
|
+
};
|
|
228
|
+
//# sourceMappingURL=primitives.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["primitives"],"sourceRoot":"../../../../src","sources":["theme/tokens/primitives.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["theme/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { readableOn, shade, withAlpha } from "./color-utils.js";
|
|
4
|
+
const isShorthand = accent => typeof accent.light === 'string' || typeof accent.dark === 'string';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Expands a single hue into a fuller per-scheme patch so primary AND subtle
|
|
8
|
+
* actions (plus accent text) all recolor consistently:
|
|
9
|
+
* - primary: solid hue with derived hover/active and a legible foreground,
|
|
10
|
+
* - subtle: soft translucent tint of the hue with the hue as foreground,
|
|
11
|
+
* - text.accent / text.link / text.on-accent.
|
|
12
|
+
*
|
|
13
|
+
* On `light` the hover/active darken; on `dark` they lighten.
|
|
14
|
+
*/
|
|
15
|
+
function hueToPartial(hue, scheme) {
|
|
16
|
+
if (!hue) return {};
|
|
17
|
+
const dir = scheme === 'light' ? -1 : 1;
|
|
18
|
+
const isLight = scheme === 'light';
|
|
19
|
+
const fg = readableOn(hue);
|
|
20
|
+
// Flat color keys to patch — deepMerge replaces string leaves directly.
|
|
21
|
+
const color = {
|
|
22
|
+
'action.bg.primary': hue,
|
|
23
|
+
'action.fg.primary': fg,
|
|
24
|
+
'action.bg.primary.hover': shade(hue, dir * 0.12),
|
|
25
|
+
'action.bg.primary.active': shade(hue, dir * 0.24),
|
|
26
|
+
'action.bg.subtle': withAlpha(hue, isLight ? 0.12 : 0.2),
|
|
27
|
+
'action.fg.subtle': hue,
|
|
28
|
+
'action.bg.subtle.hover': withAlpha(hue, isLight ? 0.18 : 0.28),
|
|
29
|
+
'action.bg.subtle.active': withAlpha(hue, isLight ? 0.24 : 0.36),
|
|
30
|
+
'text.accent': hue,
|
|
31
|
+
'text.link': hue,
|
|
32
|
+
'text.on-accent': fg
|
|
33
|
+
};
|
|
34
|
+
return {
|
|
35
|
+
color
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/** Normalizes any accent input into per-scheme partial-theme overrides. */
|
|
40
|
+
export function normalizeAccent(accent) {
|
|
41
|
+
if (isShorthand(accent)) {
|
|
42
|
+
return {
|
|
43
|
+
light: hueToPartial(accent.light, 'light'),
|
|
44
|
+
dark: hueToPartial(accent.dark, 'dark')
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
return {
|
|
48
|
+
light: accent.light ?? {},
|
|
49
|
+
dark: accent.dark ?? {}
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=accent-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["readableOn","shade","withAlpha","isShorthand","accent","light","dark","hueToPartial","hue","scheme","dir","isLight","fg","color","normalizeAccent"],"sourceRoot":"../../../src","sources":["utils/accent-utils.ts"],"mappings":";;AAOA,SAASA,UAAU,EAAEC,KAAK,EAAEC,SAAS,QAAQ,kBAAe;AAG5D,MAAMC,WAAW,GAAIC,MAAc,IACjC,OAAQA,MAAM,CAAqBC,KAAK,KAAK,QAAQ,IACrD,OAAQD,MAAM,CAAqBE,IAAI,KAAK,QAAQ;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,YAAYA,CACnBC,GAAuB,EACvBC,MAAwB,EACC;EACzB,IAAI,CAACD,GAAG,EAAE,OAAO,CAAC,CAAC;EACnB,MAAME,GAAG,GAAGD,MAAM,KAAK,OAAO,GAAG,CAAC,CAAC,GAAG,CAAC;EACvC,MAAME,OAAO,GAAGF,MAAM,KAAK,OAAO;EAClC,MAAMG,EAAE,GAAGZ,UAAU,CAACQ,GAAG,CAAC;EAC1B;EACA,MAAMK,KAAK,GAAG;IACZ,mBAAmB,EAAEL,GAAG;IACxB,mBAAmB,EAAEI,EAAE;IACvB,yBAAyB,EAAEX,KAAK,CAACO,GAAG,EAAEE,GAAG,GAAG,IAAI,CAAC;IACjD,0BAA0B,EAAET,KAAK,CAACO,GAAG,EAAEE,GAAG,GAAG,IAAI,CAAC;IAClD,kBAAkB,EAAER,SAAS,CAACM,GAAG,EAAEG,OAAO,GAAG,IAAI,GAAG,GAAG,CAAC;IACxD,kBAAkB,EAAEH,GAAG;IACvB,wBAAwB,EAAEN,SAAS,CAACM,GAAG,EAAEG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/D,yBAAyB,EAAET,SAAS,CAACM,GAAG,EAAEG,OAAO,GAAG,IAAI,GAAG,IAAI,CAAC;IAChE,aAAa,EAAEH,GAAG;IAClB,WAAW,EAAEA,GAAG;IAChB,gBAAgB,EAAEI;EACpB,CAAC;EACD,OAAO;IAAEC;EAAM,CAAC;AAClB;;AAEA;AACA,OAAO,SAASC,eAAeA,CAACV,MAAc,EAAoB;EAChE,IAAID,WAAW,CAACC,MAAM,CAAC,EAAE;IACvB,OAAO;MACLC,KAAK,EAAEE,YAAY,CAACH,MAAM,CAACC,KAAK,EAAE,OAAO,CAAC;MAC1CC,IAAI,EAAEC,YAAY,CAACH,MAAM,CAACE,IAAI,EAAE,MAAM;IACxC,CAAC;EACH;EACA,OAAO;IAAED,KAAK,EAAED,MAAM,CAACC,KAAK,IAAI,CAAC,CAAC;IAAEC,IAAI,EAAEF,MAAM,CAACE,IAAI,IAAI,CAAC;EAAE,CAAC;AAC/D","ignoreList":[]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/** Small color helpers for deriving accent shades from a single hue. */
|
|
4
|
+
|
|
5
|
+
const clamp = n => Math.max(0, Math.min(255, Math.round(n)));
|
|
6
|
+
function parseHex(hex) {
|
|
7
|
+
const hex6 = /^#?([0-9a-f]{6})$/i.exec(hex.trim())?.[1];
|
|
8
|
+
if (!hex6) return null;
|
|
9
|
+
const int = Number.parseInt(hex6, 16);
|
|
10
|
+
return {
|
|
11
|
+
r: int >> 16 & 255,
|
|
12
|
+
g: int >> 8 & 255,
|
|
13
|
+
b: int & 255
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
const toHex = ({
|
|
17
|
+
r,
|
|
18
|
+
g,
|
|
19
|
+
b
|
|
20
|
+
}) => `#${[r, g, b].map(v => clamp(v).toString(16).padStart(2, '0')).join('')}`;
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Shifts a hex color toward black (negative `amount`) or white (positive),
|
|
24
|
+
* by a fraction in [-1, 1]. Returns the input unchanged if not a 6-digit hex.
|
|
25
|
+
*/
|
|
26
|
+
export function shade(hex, amount) {
|
|
27
|
+
const c = parseHex(hex);
|
|
28
|
+
if (!c) return hex;
|
|
29
|
+
const target = amount < 0 ? 0 : 255;
|
|
30
|
+
const t = Math.abs(amount);
|
|
31
|
+
return toHex({
|
|
32
|
+
r: c.r + (target - c.r) * t,
|
|
33
|
+
g: c.g + (target - c.g) * t,
|
|
34
|
+
b: c.b + (target - c.b) * t
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/** Returns an `rgba(...)` string for a hex color at the given alpha. */
|
|
39
|
+
export function withAlpha(hex, alpha) {
|
|
40
|
+
const c = parseHex(hex);
|
|
41
|
+
if (!c) return hex;
|
|
42
|
+
return `rgba(${c.r}, ${c.g}, ${c.b}, ${alpha})`;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/** Picks black or white for legible text/icons on top of `hex`. */
|
|
46
|
+
export function readableOn(hex) {
|
|
47
|
+
const c = parseHex(hex);
|
|
48
|
+
if (!c) return '#ffffff';
|
|
49
|
+
// Perceived luminance (0–1).
|
|
50
|
+
const luminance = (0.299 * c.r + 0.587 * c.g + 0.114 * c.b) / 255;
|
|
51
|
+
return luminance > 0.6 ? '#000000' : '#ffffff';
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=color-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["clamp","n","Math","max","min","round","parseHex","hex","hex6","exec","trim","int","Number","parseInt","r","g","b","toHex","map","v","toString","padStart","join","shade","amount","c","target","t","abs","withAlpha","alpha","readableOn","luminance"],"sourceRoot":"../../../src","sources":["utils/color-utils.ts"],"mappings":";;AAAA;;AAQA,MAAMA,KAAK,GAAIC,CAAS,IAAaC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,GAAG,EAAEF,IAAI,CAACG,KAAK,CAACJ,CAAC,CAAC,CAAC,CAAC;AAE9E,SAASK,QAAQA,CAACC,GAAW,EAAc;EACzC,MAAMC,IAAI,GAAG,oBAAoB,CAACC,IAAI,CAACF,GAAG,CAACG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;EACvD,IAAI,CAACF,IAAI,EAAE,OAAO,IAAI;EACtB,MAAMG,GAAG,GAAGC,MAAM,CAACC,QAAQ,CAACL,IAAI,EAAE,EAAE,CAAC;EACrC,OAAO;IAAEM,CAAC,EAAGH,GAAG,IAAI,EAAE,GAAI,GAAG;IAAEI,CAAC,EAAGJ,GAAG,IAAI,CAAC,GAAI,GAAG;IAAEK,CAAC,EAAEL,GAAG,GAAG;EAAI,CAAC;AACpE;AAEA,MAAMM,KAAK,GAAGA,CAAC;EAAEH,CAAC;EAAEC,CAAC;EAAEC;AAAO,CAAC,KAC7B,IAAI,CAACF,CAAC,EAAEC,CAAC,EAAEC,CAAC,CAAC,CAACE,GAAG,CAAEC,CAAC,IAAKnB,KAAK,CAACmB,CAAC,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC,EAAE;;AAE7E;AACA;AACA;AACA;AACA,OAAO,SAASC,KAAKA,CAAChB,GAAW,EAAEiB,MAAc,EAAU;EACzD,MAAMC,CAAC,GAAGnB,QAAQ,CAACC,GAAG,CAAC;EACvB,IAAI,CAACkB,CAAC,EAAE,OAAOlB,GAAG;EAClB,MAAMmB,MAAM,GAAGF,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG;EACnC,MAAMG,CAAC,GAAGzB,IAAI,CAAC0B,GAAG,CAACJ,MAAM,CAAC;EAC1B,OAAOP,KAAK,CAAC;IACXH,CAAC,EAAEW,CAAC,CAACX,CAAC,GAAG,CAACY,MAAM,GAAGD,CAAC,CAACX,CAAC,IAAIa,CAAC;IAC3BZ,CAAC,EAAEU,CAAC,CAACV,CAAC,GAAG,CAACW,MAAM,GAAGD,CAAC,CAACV,CAAC,IAAIY,CAAC;IAC3BX,CAAC,EAAES,CAAC,CAACT,CAAC,GAAG,CAACU,MAAM,GAAGD,CAAC,CAACT,CAAC,IAAIW;EAC5B,CAAC,CAAC;AACJ;;AAEA;AACA,OAAO,SAASE,SAASA,CAACtB,GAAW,EAAEuB,KAAa,EAAU;EAC5D,MAAML,CAAC,GAAGnB,QAAQ,CAACC,GAAG,CAAC;EACvB,IAAI,CAACkB,CAAC,EAAE,OAAOlB,GAAG;EAClB,OAAO,QAAQkB,CAAC,CAACX,CAAC,KAAKW,CAAC,CAACV,CAAC,KAAKU,CAAC,CAACT,CAAC,KAAKc,KAAK,GAAG;AACjD;;AAEA;AACA,OAAO,SAASC,UAAUA,CAACxB,GAAW,EAAU;EAC9C,MAAMkB,CAAC,GAAGnB,QAAQ,CAACC,GAAG,CAAC;EACvB,IAAI,CAACkB,CAAC,EAAE,OAAO,SAAS;EACxB;EACA,MAAMO,SAAS,GAAG,CAAC,KAAK,GAAGP,CAAC,CAACX,CAAC,GAAG,KAAK,GAAGW,CAAC,CAACV,CAAC,GAAG,KAAK,GAAGU,CAAC,CAACT,CAAC,IAAI,GAAG;EACjE,OAAOgB,SAAS,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS;AAChD","ignoreList":[]}
|