@payfit/unity-themes 2.55.22 → 2.56.0

package/src/scripts/transforms/oklch.test.ts

@@ -1,166 +0,0 @@
-import type {
-  Config,
-  PlatformConfig,
-  TransformedToken,
-} from 'style-dictionary/types'
-
-import Color from 'colorjs.io'
-import { beforeEach, describe, expect, it, vi } from 'vitest'
-
-import { filter, transform } from './oklch.js'
-
-describe('oklch transform', () => {
-  const createMockToken = (value: string, type = 'color'): TransformedToken =>
-    ({
-      name: 'test-token',
-      value,
-      $value: value,
-      type,
-      $type: type,
-      path: [],
-      original: {},
-      filePath: '',
-      isSource: false,
-    }) as TransformedToken
-
-  const createMockConfig = (usesDtcg = false): Config => ({
-    usesDtcg,
-    platforms: {},
-    source: [],
-    include: [],
-  })
-
-  const createMockPlatformConfig = (): PlatformConfig => ({
-    transforms: [],
-    buildPath: '',
-    files: [],
-  })
-
-  describe('filter', () => {
-    it('should return true for color tokens with usesDtcg false', () => {
-      const token = createMockToken('#000000', 'color')
-      const config = createMockConfig(false)
-
-      const result = filter(token, config)
-
-      expect(result).toBe(true)
-    })
-
-    it('should return true for color tokens with usesDtcg true', () => {
-      const token = createMockToken('#000000', 'color')
-      const config = createMockConfig(true)
-
-      const result = filter(token, config)
-
-      expect(result).toBe(true)
-    })
-
-    it('should return false for non-color tokens with usesDtcg false', () => {
-      const token = createMockToken('1rem', 'spacing')
-      const config = createMockConfig(false)
-
-      const result = filter(token, config)
-
-      expect(result).toBe(false)
-    })
-
-    it('should return false for non-color tokens with usesDtcg true', () => {
-      const token = createMockToken('1rem', 'spacing')
-      const config = createMockConfig(true)
-
-      const result = filter(token, config)
-
-      expect(result).toBe(false)
-    })
-
-    it('should handle different token types', () => {
-      const testCases = [
-        { type: 'color', expected: true },
-        { type: 'spacing', expected: false },
-        { type: 'typography', expected: false },
-        { type: 'border', expected: false },
-        { type: 'shadow', expected: false },
-      ]
-
-      testCases.forEach(({ type, expected }) => {
-        const token = createMockToken('test-value', type)
-        const config = createMockConfig(false)
-
-        const result = filter(token, config)
-
-        expect(result).toBe(expected)
-      })
-    })
-  })
-
-  describe('transform', () => {
-    beforeEach(() => {
-      vi.clearAllMocks()
-    })
-
-    it('should convert color to OKLCH format with usesDtcg false', () => {
-      const token = createMockToken('#ff0000', 'color')
-      const config = createMockPlatformConfig()
-      const options = createMockConfig(false)
-
-      const result = transform(token, config, options)
-
-      expect(result).toBe('oklch(62.796% 0.25768 29.234)')
-    })
-
-    it('should convert color to OKLCH format with usesDtcg true', () => {
-      const token = createMockToken('#ff0000', 'color')
-      const config = createMockPlatformConfig()
-      const options = createMockConfig(true)
-
-      const result = transform(token, config, options)
-
-      expect(result).toBe('oklch(62.796% 0.25768 29.234)')
-    })
-
-    it('should handle different color formats', () => {
-      const testCases = [
-        { value: '#ff0000', expected: 'oklch(62.796% 0.25768 29.234)' },
-        { value: 'rgb(0, 255, 0)', expected: 'oklch(86.644% 0.29483 142.5)' },
-        {
-          value: 'hsl(240, 100%, 50%)',
-          expected: 'oklch(45.201% 0.31321 264.05)',
-        },
-        {
-          value: 'rgba(255, 0, 0, 0.5)',
-          expected: 'oklch(62.796% 0.25768 29.234 / 0.5)',
-        },
-      ]
-
-      testCases.forEach(({ value, expected }) => {
-        const token = createMockToken(value, 'color')
-        const config = createMockPlatformConfig()
-        const options = createMockConfig(false)
-
-        const result = transform(token, config, options)
-
-        expect(result).toBe(expected)
-      })
-    })
-
-    it('should handle color with alpha channel', () => {
-      const token = createMockToken('rgba(255, 0, 0, 0.8)', 'color')
-      const config = createMockPlatformConfig()
-      const options = createMockConfig(false)
-
-      const result = transform(token, config, options)
-
-      expect(result).toBe('oklch(62.796% 0.25768 29.234 / 0.8)')
-    })
-
-    it('should handle named colors', () => {
-      const token = createMockToken('red', 'color')
-      const config = createMockPlatformConfig()
-      const options = createMockConfig(false)
-
-      const result = transform(token, config, options)
-
-      expect(result).toBe('oklch(62.796% 0.25768 29.234)')
-    })
-  })
-})

package/src/scripts/transforms/oklch.ts

@@ -1,19 +0,0 @@
-import type { Token } from 'style-dictionary'
-import type { Config, PlatformConfig } from 'style-dictionary/types'
-
-import Color from 'colorjs.io'
-
-export function filter(token: Token, options: Config): boolean {
-  const tokenType = options.usesDtcg ? token.$type : token.type
-  return tokenType === 'color'
-}
-
-export function transform(
-  token: Token,
-  _config: PlatformConfig,
-  options: Config,
-): string {
-  const tokenValue = (options.usesDtcg ? token.$value : token.value) as string
-  const tokenColorValue = new Color(tokenValue)
-  return tokenColorValue.to('oklch').toString()
-}

package/src/scripts/transforms/tailwind-animation-token.test.ts

@@ -1,108 +0,0 @@
-import type { Config, TransformedToken } from 'style-dictionary/types'
-
-import { describe, expect, it } from 'vitest'
-
-import { filter, transform } from './tailwind-animation-token.js'
-
-const createMockToken = (
-  path: string[],
-  type: string,
-  value: unknown,
-  usesDtcg = true,
-): TransformedToken =>
-  ({
-    name: path.join('-'),
-    value,
-    type,
-    path,
-    original: {},
-    filePath: '',
-    isSource: false,
-    ...(usesDtcg ? { $type: type, $value: value } : {}),
-  }) as TransformedToken
-
-const createMockConfig = (): Config => ({
-  platforms: {},
-  source: [],
-  include: [],
-})
-
-describe('tailwind/v4/animation', () => {
-  describe('filter', () => {
-    it('should return true for tokens with $type animation', () => {
-      const token = createMockToken(
-        ['animate', 'fade', 'in'],
-        'animation',
-        'fade-in',
-      )
-      const config = createMockConfig()
-
-      expect(filter(token, config)).toBeTruthy()
-    })
-    it('should return false for tokens without $type animation', () => {
-      const token = createMockToken(
-        ['color', 'primary', 'default'],
-        'color',
-        '#f00',
-      )
-      const config = createMockConfig()
-
-      expect(filter(token, config)).toBeFalsy()
-    })
-
-    it('should handle non-DTCG tokens', () => {
-      const token = createMockToken(
-        ['animate', 'fade', 'in'],
-        'animation',
-        'fade-in',
-        false,
-      )
-      const config = createMockConfig()
-
-      expect(filter(token, { ...config, usesDtcg: false })).toBeTruthy()
-    })
-  })
-
-  describe('transform', () => {
-    it('should process animation tokens correctly', () => {
-      const token = createMockToken(['animate', 'fade', 'in'], 'animation', {
-        name: 'spin',
-        duration: '2s',
-        timingFunction: 'linear',
-      })
-      const config = createMockConfig()
-
-      const output = transform(token, config, {})
-
-      expect(output).toEqual('2s linear spin')
-    })
-  })
-
-  it('should handle optional delay', () => {
-    const token = createMockToken(['animate', 'fade', 'in'], 'animation', {
-      name: 'spin',
-      duration: '2s',
-      timingFunction: 'linear',
-      delay: '3s',
-    })
-    const config = createMockConfig()
-
-    const output = transform(token, config, {})
-
-    expect(output).toEqual('2s linear 3s spin')
-  })
-
-  it('should handle optional iterationCount', () => {
-    const token = createMockToken(['animate', 'fade', 'in'], 'animation', {
-      name: 'spin',
-      duration: '2s',
-      timingFunction: 'linear',
-      iterationCount: 'infinite',
-    })
-    const config = createMockConfig()
-
-    const output = transform(token, config, {})
-
-    expect(output).toEqual('2s linear infinite spin')
-  })
-})

package/src/scripts/transforms/tailwind-animation-token.ts

@@ -1,51 +0,0 @@
-import type { Token } from 'style-dictionary'
-import type { Config, NameTransform } from 'style-dictionary/types'
-
-type Transformer = NameTransform['transform']
-
-type AnimationTokenValue = {
-  name: string
-  duration: string
-  timingFunction: string
-  delay?: string
-  iterationCount?: string
-}
-
-export function filter(token: Token, options: Config): boolean {
-  const tokenType = options.usesDtcg ? token.$type : token.type
-  return tokenType === 'animation'
-}
-
-export const transform: Transformer = (token, config, options) => {
-  const tokenValue = (
-    options.usesDtcg ? token.$value : token.value
-  ) as AnimationTokenValue
-
-  if (typeof tokenValue !== 'object') {
-    // already transformed to string
-    return tokenValue
-  }
-
-  const {
-    name: animationName,
-    duration,
-    timingFunction,
-    delay,
-    iterationCount,
-  } = tokenValue
-
-  const animationShorthand = [duration, timingFunction]
-
-  if (delay) {
-    animationShorthand.push(delay)
-  }
-  if (iterationCount) {
-    animationShorthand.push(iterationCount)
-  }
-  animationShorthand.push(animationName)
-
-  return animationShorthand
-    .join(' ')
-    .replace(/\s{2,}/g, '')
-    .trim()
-}

package/src/scripts/transforms/tailwind-color-token.test.ts

@@ -1,304 +0,0 @@
-import type { Config, TransformedToken } from 'style-dictionary/types'
-
-import { describe, expect, it } from 'vitest'
-
-import { filter, transform } from './tailwind-color-token.js'
-
-describe('tailwind color token transform', () => {
-  const createMockToken = (path: string[]): TransformedToken =>
-    ({
-      name: 'test-token',
-      value: '#000000',
-      type: 'color',
-      path,
-      original: {},
-      filePath: '',
-      isSource: false,
-    }) as TransformedToken
-
-  const createMockConfig = (): Config => ({
-    platforms: {},
-    source: [],
-    include: [],
-  })
-
-  describe('filter', () => {
-    it('should return true for tokens with color as first path element', () => {
-      const token = createMockToken(['color', 'primary', 'default'])
-      const config = createMockConfig()
-
-      const result = filter(token, config)
-
-      expect(result).toBe(true)
-    })
-
-    it('should return false for tokens without color as first path element', () => {
-      const testCases = [
-        ['spacing', '1'],
-        ['typography', 'heading', 'h1'],
-        ['border', 'width', 'thin'],
-        ['shadow', 'small'],
-        ['breakpoint', 'mobile'],
-      ]
-
-      testCases.forEach(path => {
-        const token = createMockToken(path)
-        const config = createMockConfig()
-
-        const result = filter(token, config)
-
-        expect(result).toBe(false)
-      })
-    })
-
-    it('should return false for empty path', () => {
-      const token = createMockToken([])
-      const config = createMockConfig()
-
-      const result = filter(token, config)
-
-      expect(result).toBe(false)
-    })
-
-    it('should return false for single element path that is not color', () => {
-      const token = createMockToken(['spacing'])
-      const config = createMockConfig()
-
-      const result = filter(token, config)
-
-      expect(result).toBe(false)
-    })
-
-    it('should handle case sensitivity', () => {
-      const testCases = [
-        { path: ['Color', 'primary'], expected: false },
-        { path: ['COLOR', 'primary'], expected: false },
-        { path: ['color', 'primary'], expected: true },
-      ]
-
-      testCases.forEach(({ path, expected }) => {
-        const token = createMockToken(path)
-        const config = createMockConfig()
-
-        const result = filter(token, config)
-
-        expect(result).toBe(expected)
-      })
-    })
-  })
-
-  describe('transform', () => {
-    it('should join path elements with hyphens, excluding default', () => {
-      const token = createMockToken(['color', 'primary', 'default'])
-      const config = createMockConfig()
-
-      const result = transform(token, config, {})
-
-      expect(result).toBe('color-primary')
-    })
-
-    it('should handle path without default', () => {
-      const token = createMockToken(['color', 'primary', 'hover'])
-      const config = createMockConfig()
-
-      const result = transform(token, config, {})
-
-      expect(result).toBe('color-primary-hover')
-    })
-
-    it('should handle path with multiple default occurrences', () => {
-      const token = createMockToken(['color', 'default', 'primary', 'default'])
-      const config = createMockConfig()
-
-      const result = transform(token, config, {})
-
-      expect(result).toBe('color-primary')
-    })
-
-    it('should handle path with only color and default', () => {
-      const token = createMockToken(['color', 'default'])
-      const config = createMockConfig()
-
-      const result = transform(token, config, {})
-
-      expect(result).toBe('color')
-    })
-
-    it('should handle path with only color', () => {
-      const token = createMockToken(['color'])
-      const config = createMockConfig()
-
-      const result = transform(token, config, {})
-
-      expect(result).toBe('color')
-    })
-
-    it('should handle complex color paths', () => {
-      const testCases = [
-        { path: ['color', 'gray', '100'], expected: 'color-gray-100' },
-        {
-          path: ['color', 'blue', '500', 'hover'],
-          expected: 'color-blue-500-hover',
-        },
-        {
-          path: ['color', 'red', 'default', 'active'],
-          expected: 'color-red-active',
-        },
-        {
-          path: ['color', 'green', 'default', 'default', 'focus'],
-          expected: 'color-green-focus',
-        },
-      ]
-
-      testCases.forEach(({ path, expected }) => {
-        const token = createMockToken(path)
-        const config = createMockConfig()
-
-        const result = transform(token, config, {})
-
-        expect(result).toBe(expected)
-      })
-    })
-
-    it('should handle path with special characters', () => {
-      const testCases = [
-        {
-          path: ['color', 'primary', 'with-dash'],
-          expected: 'color-primary-with-dash',
-        },
-        {
-          path: ['color', 'primary', 'with_underscore'],
-          expected: 'color-primary-with_underscore',
-        },
-        {
-          path: ['color', 'primary', 'with.dot'],
-          expected: 'color-primary-with.dot',
-        },
-      ]
-
-      testCases.forEach(({ path, expected }) => {
-        const token = createMockToken(path)
-        const config = createMockConfig()
-
-        const result = transform(token, config, {})
-
-        expect(result).toBe(expected)
-      })
-    })
-
-    it('should handle path with numbers', () => {
-      const testCases = [
-        { path: ['color', 'gray', '100'], expected: 'color-gray-100' },
-        { path: ['color', 'blue', '500'], expected: 'color-blue-500' },
-        { path: ['color', 'red', '1000'], expected: 'color-red-1000' },
-      ]
-
-      testCases.forEach(({ path, expected }) => {
-        const token = createMockToken(path)
-        const config = createMockConfig()
-
-        const result = transform(token, config, {})
-
-        expect(result).toBe(expected)
-      })
-    })
-
-    it('should handle path with mixed content', () => {
-      const testCases = [
-        {
-          path: ['color', 'primary', 'default', 'hover', 'active'],
-          expected: 'color-primary-hover-active',
-        },
-        {
-          path: ['color', 'secondary', 'default', 'focus', 'default'],
-          expected: 'color-secondary-focus',
-        },
-        {
-          path: ['color', 'tertiary', 'default', 'default', 'default'],
-          expected: 'color-tertiary',
-        },
-      ]
-
-      testCases.forEach(({ path, expected }) => {
-        const token = createMockToken(path)
-        const config = createMockConfig()
-
-        const result = transform(token, config, {})
-
-        expect(result).toBe(expected)
-      })
-    })
-
-    it('should handle edge cases', () => {
-      const testCases = [
-        { path: ['color', 'default', 'default', 'default'], expected: 'color' },
-        {
-          path: ['color', 'primary', 'default', 'default'],
-          expected: 'color-primary',
-        },
-        {
-          path: ['color', 'default', 'primary', 'default'],
-          expected: 'color-primary',
-        },
-        {
-          path: ['color', 'default', 'default', 'primary'],
-          expected: 'color-primary',
-        },
-      ]
-
-      testCases.forEach(({ path, expected }) => {
-        const token = createMockToken(path)
-        const config = createMockConfig()
-
-        const result = transform(token, config, {})
-
-        expect(result).toBe(expected)
-      })
-    })
-
-    it('should handle empty path elements', () => {
-      const token = createMockToken(['color', '', 'primary', 'default'])
-      const config = createMockConfig()
-
-      const result = transform(token, config, {})
-
-      expect(result).toBe('color--primary')
-    })
-
-    it('should handle path with whitespace', () => {
-      const token = createMockToken(['color', 'primary', ' ', 'default'])
-      const config = createMockConfig()
-
-      const result = transform(token, config, {})
-
-      expect(result).toBe('color-primary- ')
-    })
-
-    it('should handle path with uppercase', () => {
-      const token = createMockToken(['color', 'PRIMARY', 'default'])
-      const config = createMockConfig()
-
-      const result = transform(token, config, {})
-
-      expect(result).toBe('color-primary')
-    })
-
-    it('should prepend prefix when config.prefix is set', () => {
-      const token = createMockToken(['color', 'primary', 'default'])
-      const config = { ...createMockConfig(), prefix: 'uy' }
-
-      const result = transform(token, config, {})
-
-      expect(result).toBe('uy-color-primary')
-    })
-
-    it('should not prepend prefix when config.prefix is undefined', () => {
-      const token = createMockToken(['color', 'blue', '500'])
-      const config = createMockConfig()
-
-      const result = transform(token, config, {})
-
-      expect(result).toBe('color-blue-500')
-    })
-  })
-})

package/src/scripts/transforms/tailwind-color-token.ts

@@ -1,17 +0,0 @@
-import type { Token } from 'style-dictionary'
-import type { NameTransform } from 'style-dictionary/types'
-
-import { prefixTransform } from '../utils/prefix-transform'
-
-type Transformer = NameTransform['transform']
-
-export function filter(token: Token): boolean {
-  return token.path[0] === 'color'
-}
-
-export const tailwindColorTokenNameTransform: Transformer = token => {
-  const ignoreDefault = (nameToken: string) => !nameToken.includes('default')
-  return [...token.path.filter(ignoreDefault)].join('-').toLowerCase()
-}
-
-export const transform = prefixTransform(tailwindColorTokenNameTransform)