@chronogrove/ui 0.78.0 → 0.79.0

package/README.md

@@ -12,6 +12,8 @@ pnpm add @chronogrove/ui
 
 Use **`pnpm publish`** for releases so `workspace:` dependencies in dependents are rewritten; see [pnpm workspaces — publishing](https://pnpm.io/workspaces#publishing-workspace-packages).
 
+**Shared dependencies with `gatsby-theme-chronogrove`:** both packages depend on Theme UI, Emotion, and related libraries, with versions driven by the root [pnpm catalog](../../pnpm-workspace.yaml). When you bump those catalog entries, update **`packages/ui`** and **`theme`** in the **same change** so the theme and `@chronogrove/ui` stay aligned and you avoid duplicate or mismatched installs.
+
 ## Subpath exports
 
 Prefer deep imports so bundles stay lean:

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "@chronogrove/ui",
-  "version": "0.78.0",
+  "version": "0.79.0",
   "description": "Chronogrove Theme UI theme, color mode helpers, and shared UI primitives",
   "license": "MIT",
+  "type": "module",
+  "files": [
+    "src",
+    "README.md"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/chrisvogt/gatsby-theme-chronogrove.git",

package/src/color-toggle.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { useColorMode } from 'theme-ui'
 import { Expand } from '@theme-toggles/react'
-import isDarkMode from '@chronogrove/ui/is-dark-mode'
+import isDarkMode from './helpers/isDarkMode.js'
 
 export default function ColorToggle() {
   const [colorMode, setColorMode] = useColorMode()

package/src/skip-nav/SkipNavLink.js

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx, useThemeUI } from 'theme-ui'
 import { forwardRef } from 'react'
-import isDarkMode from '@chronogrove/ui/is-dark-mode'
+import isDarkMode from '../helpers/isDarkMode.js'
 
 const SkipNavLink = forwardRef(function SkipNavLink(
   { as: Comp = 'a', children = 'Skip to content', contentId = 'skip-nav-content', ...props },

package/babel.config.cjs

@@ -1,9 +0,0 @@
-/**
- * Jest transforms @emotion and JSX; mirror theme with classic runtime.
- */
-module.exports = {
-  presets: [
-    [require.resolve('@babel/preset-env'), { targets: { node: 'current' } }],
-    [require.resolve('@babel/preset-react'), { runtime: 'classic', useBuiltIns: true }]
-  ]
-}

package/jest.config.cjs

@@ -1,33 +0,0 @@
-/** @type {import('jest').Config} */
-module.exports = {
-  testEnvironment: 'jsdom',
-  clearMocks: true,
-  setupFilesAfterEnv: ['<rootDir>/jest.setup.cjs'],
-  testMatch: ['**/?(*.)+(spec|test).js'],
-  transform: {
-    '^.+\\.jsx?$': 'babel-jest'
-  },
-  transformIgnorePatterns: ['node_modules/(?!theme-ui)'],
-  collectCoverageFrom: ['src/**/*.js', '!src/**/*.spec.js'],
-  coverageDirectory: 'coverage',
-  coveragePathIgnorePatterns: [
-    '/node_modules/',
-    'src/index.js',
-    'src/skip-nav/index.js',
-    'src/color-mode/index.js',
-    'src/gatsby/index.js',
-    'src/theme.js'
-  ],
-  moduleNameMapper: {
-    '^@chronogrove/ui/is-dark-mode$': '<rootDir>/src/helpers/isDarkMode.js',
-    '^@theme-toggles/react$': '<rootDir>/test-utils/mock-theme-toggles-react.js'
-  },
-  coverageThreshold: {
-    global: {
-      statements: 95,
-      branches: 90,
-      functions: 95,
-      lines: 95
-    }
-  }
-}

package/jest.setup.cjs

@@ -1 +0,0 @@
-require('@testing-library/jest-dom')

package/test-utils/mock-theme-toggles-react.js

@@ -1,10 +0,0 @@
-import React from 'react'
-
-/** Test double for @theme-toggles/react (Jest moduleNameMapper); keeps ColorToggle unit tests offline. */
-export function Expand({ toggled, toggle, ...rest }) {
-  return (
-    <button type='button' data-toggled={String(toggled)} onClick={toggle} {...rest}>
-      toggle
-    </button>
-  )
-}

package/turbo.json

@@ -1,12 +0,0 @@
-{
-  "$schema": "https://turbo.build/schema.json",
-  "extends": ["//"],
-  "tasks": {
-    "test": {
-      "outputs": []
-    },
-    "test:coverage": {
-      "outputs": ["coverage/**"]
-    }
-  }
-}