From 0394f6d8f816807169decc6cadd0872eb7089d6b Mon Sep 17 00:00:00 2001 From: Lukas Oppermann Date: Fri, 23 Feb 2024 12:52:13 +0100 Subject: [PATCH] extract isRgbaFloat (#813) --- src/transformers/colorToRgbaFloat.ts | 18 +-------------- src/transformers/utilities/hexToRgbaFloat.ts | 7 +----- src/transformers/utilities/isRgbaFloat.ts | 23 ++++++++++++++++++++ 3 files changed, 25 insertions(+), 23 deletions(-) create mode 100644 src/transformers/utilities/isRgbaFloat.ts diff --git a/src/transformers/colorToRgbaFloat.ts b/src/transformers/colorToRgbaFloat.ts index f7b55956c..4bf819aa1 100644 --- a/src/transformers/colorToRgbaFloat.ts +++ b/src/transformers/colorToRgbaFloat.ts @@ -5,6 +5,7 @@ import {getTokenValue} from './utilities/getTokenValue' import {rgbaFloatToHex} from './utilities/rgbaFloatToHex' import mix from './utilities/mix' import {hexToRgbaFloat} from './utilities/hexToRgbaFloat' +import {isRgbaFloat} from './utilities/isRgbaFloat' const toRgbaFloat = (token: StyleDictionary.TransformedToken, alpha?: number) => { let tokenValue = getTokenValue(token) @@ -25,23 +26,6 @@ const toRgbaFloat = (token: StyleDictionary.TransformedToken, alpha?: number) => return hexToRgbaFloat(hex, alpha) } -// sum up the values of all values in an array -const sum = (array: unknown[]): number => array.reduce((acc: number, v: unknown) => acc + parseInt(`${v}`), 0) - -const isRgbaFloat = (value: unknown) => { - if ( - value && - typeof value === `object` && - 'r' in value && - 'g' in value && - 'b' in value && - sum([value.r, value.g, value.b]) < 5 - ) { - return true - } - return false -} - /** * @description converts color tokens rgba float with values from 0 - 1 * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts) diff --git a/src/transformers/utilities/hexToRgbaFloat.ts b/src/transformers/utilities/hexToRgbaFloat.ts index a8abe3e49..6df84b5a3 100644 --- a/src/transformers/utilities/hexToRgbaFloat.ts +++ b/src/transformers/utilities/hexToRgbaFloat.ts @@ -1,9 +1,4 @@ -type RgbaFloat = { - r: number - g: number - b: number - a?: number -} +import type {RgbaFloat} from './isRgbaFloat' export const hexToRgbaFloat = (hex: string, alpha?: number): RgbaFloat => { // retrieve spots from hex value (hex 3, hex 4, hex 6 or hex 8) diff --git a/src/transformers/utilities/isRgbaFloat.ts b/src/transformers/utilities/isRgbaFloat.ts new file mode 100644 index 000000000..2d00f7fa4 --- /dev/null +++ b/src/transformers/utilities/isRgbaFloat.ts @@ -0,0 +1,23 @@ +export type RgbaFloat = { + r: number + g: number + b: number + a?: number +} + +// sum up the values of all values in an array +const sum = (array: unknown[]): number => array.reduce((acc: number, v: unknown) => acc + parseInt(`${v}`), 0) +// check if a value is an rgba float object +export const isRgbaFloat = (value: unknown): value is RgbaFloat => { + if ( + value && + typeof value === `object` && + 'r' in value && + 'g' in value && + 'b' in value && + sum([value.r, value.g, value.b]) < 5 + ) { + return true + } + return false +}