diff --git a/packages/react-base16-styling/src/index.ts b/packages/react-base16-styling/src/index.ts index f962b9bc..99efaa18 100644 --- a/packages/react-base16-styling/src/index.ts +++ b/packages/react-base16-styling/src/index.ts @@ -1,4 +1,3 @@ -import { Base16Theme } from 'base16'; import Color from 'color'; import * as CSS from 'csstype'; import { curry } from 'lodash-es'; @@ -13,6 +12,7 @@ import { Theme, } from './types.js'; import { base16Themes as base16 } from './themes/index.js'; +import type { Base16Theme } from './themes/index.js'; const DEFAULT_BASE16 = base16.default; diff --git a/packages/react-base16-styling/src/themes/index.ts b/packages/react-base16-styling/src/themes/index.ts index 2f0dd810..2ab0b091 100644 --- a/packages/react-base16-styling/src/themes/index.ts +++ b/packages/react-base16-styling/src/themes/index.ts @@ -25,7 +25,7 @@ import { default as isotope } from './isotope.js'; import { default as marrakesh } from './marrakesh.js'; import { default as mocha } from './mocha.js'; import { default as monokai } from './monokai.js'; -import { default as nicinabox } from './nicinabox'; +import { default as nicinabox } from './nicinabox.js'; import { default as ocean } from './ocean.js'; import { default as paraiso } from './paraiso.js'; import { default as pop } from './pop.js'; diff --git a/packages/react-base16-styling/src/types.ts b/packages/react-base16-styling/src/types.ts index e4a489ee..d0318d00 100644 --- a/packages/react-base16-styling/src/types.ts +++ b/packages/react-base16-styling/src/types.ts @@ -1,5 +1,5 @@ -import { Base16Theme } from 'base16'; import * as CSS from 'csstype'; +import type { Base16Theme } from './themes/index.js'; export interface Styling { className?: string;