---
url: /api/formats/components/src/functions/focusOutlineDeclarations.md
---
[pantoken-root](../../../../index.md) / [formats/components/src](../index.md) / focusOutlineDeclarations

# Function: focusOutlineDeclarations()

> **focusOutlineDeclarations**(): \[`string`, `string`]\[]

Beta

The `--instui-focus-outline-*` name/value pairs the ring rules read. Colour/width/offset reference
the themed shared focus tokens; the transition, line style, and inset are constants.

## Returns

\[`string`, `string`]\[]

One `[customProperty, value]` pair per focus-ring variable.

## Example

```ts
import { focusOutlineDeclarations } from "@pantoken/utils";

focusOutlineDeclarations(); // [["--instui-focus-outline-color", "…"], …]
```