# @contentful/f36-utils

> Forma 36: utils React Component

Latest version **6.1.2** (published 2026-06-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install @contentful/f36-utils
pnpm add @contentful/f36-utils
yarn add @contentful/f36-utils
bun add @contentful/f36-utils
```

## Health

**Score 60/100 (C)** — status: active.

Positive: has types; esm support; no vulnerabilities; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 6.1.2 |
| Published | 2026-06-12 |
| First published | 2021-03-24 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 34.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 361 |
| Maintainers | it-internal, whydah-gally, contentful-ecosystem, michaelpearce |

## Links

- npm: https://www.npmjs.com/package/@contentful/f36-utils
- Repository: https://github.com/contentful/forma-36
- Homepage: https://github.com/contentful/forma-36#readme
- Issues: https://github.com/contentful/forma-36/issues
- npm.io page: https://npm.io/package/@contentful/f36-utils

## Dependencies (2)

- [@emotion/css](https://npm.io/package/@emotion/css.md) ^11.13.5
- [@contentful/f36-tokens](https://npm.io/package/@contentful/f36-tokens.md) ^6.1.2

## Recent versions

- 6.1.2 (latest) — 2026-06-12
- 6.0.0-alpha.2 (alpha) — 2025-11-13
- 4.11.0-beta.0 (beta) — 2022-07-11
- 4.0.1-beta.2483 (canary) — 2021-11-03
- 4.0.1-next-v4-10931.2481 (next-v4) — 2021-11-03
- 6.1.1 — 2026-03-31
- 6.1.0 — 2026-02-02
- 6.0.0 — 2026-02-02
- 6.0.0-alpha.1 — 2025-10-13
- 5.2.0 — 2025-09-29
- 5.1.0 — 2025-08-29
- 4.24.3 — 2024-01-18
- 4.24.2 — 2023-12-01
- 4.24.1 — 2023-02-02
- 4.24.0 — 2023-01-31
- … 275 more at https://npm.io/package/@contentful/f36-utils/versions

## README

# @contentful/f36-utils

This package contains:

- [getIconColorToken](./src/getIconColorToken)
- [getStringMatch](./src/getStringMatch)
- [getTextFromChildren](./src/getTextFromChildren)
- [hexToRGBA](./src/hexToRGBA)
- [Portal](./src/Portal)
- [useDensity](./src/useDensity)
- [useKeyboard](./src/useKeyboard)

---
_Source: https://npm.io/package/@contentful/f36-utils · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._