Skip to content

Commit

Permalink
docs: fix lint
Browse files Browse the repository at this point in the history
  • Loading branch information
d4vidi committed Jan 29, 2025
1 parent 6f7bc31 commit ac1d4d2
Show file tree
Hide file tree
Showing 3 changed files with 5 additions and 3 deletions.
2 changes: 2 additions & 0 deletions packages/docs-reanimated/docs/utilities/interpolateColor.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@ function App() {
TODO (OKLAB): Adjust the colorSpace prop once OKLAB support is released officially, like so:
colorSpace?: 'RGB' | 'HSV' | 'LAB',
-->

```typescript
type InterpolationOptions = {
gamma?: number;
Expand Down Expand Up @@ -76,6 +77,7 @@ An array of output colors values in form of strings (like `'red'`, `'#ff0000'`,
TODO (OKLAB): Uncomment and replace with the following once OKLAB support is released officialy:
The color space to use for interpolation. Can be either `'HSV'`, `'RGB'` or [`'LAB'`](https://en.wikipedia.org/wiki/Oklab_color_space). Defaults to `'RGB'`.
-->

The color space to use for interpolation. Can be either `'HSV'` or `'RGB'`. Defaults to `'RGB'`.

#### `options` <Optional />
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ import Animated, {
interface InterpolateColorProps {
outputRange: any[];
// TODO (OKLAB): Uncomment "LAB" space when OKLAB support is released officially
colorSpace: 'RGB' | 'HSV'/* | 'LAB'*/;
colorSpace: 'RGB' | 'HSV' /* | 'LAB'*/;
options: InterpolationOptions;
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ export default function useInterpolateColorPlayground() {
const [colorBarsSectionCollapsed, setColorBarsSectionCollapsed] =
useState(true);
// TODO (OKLAB): Uncomment "LAB" option below when OKLAB support is released officially
const [colorSpace, setColorSpace] = useState<'RGB' | 'HSV'/* | 'LAB'*/>(
const [colorSpace, setColorSpace] = useState<'RGB' | 'HSV' /* | 'LAB'*/>(
ColorSpace[initialState.colorSpace]
);
const [gamma, setGamma] = useState(initialState.gamma);
Expand Down Expand Up @@ -88,7 +88,7 @@ export default function useInterpolateColorPlayground() {
label="Colorspace"
value={colorSpace}
onChange={(changedString) => setColorSpace(ColorSpace[changedString])}
options={['RGB', 'HSV'/*, 'LAB'*/]} // TODO (OKLAB): Uncomment "LAB" option when OKLAB support is released officially
options={['RGB', 'HSV' /*, 'LAB'*/]} // TODO (OKLAB): Uncomment "LAB" option when OKLAB support is released officially
/>
{colorSpace === ColorSpace.RGB && (
<Range
Expand Down

0 comments on commit ac1d4d2

Please sign in to comment.