@primer/primitives 7.17.0-rc.61b28bca → 7.17.0-rc.8ff6ed39

package/src/transformers/utilities/getTokenValue.test.ts

@@ -1,18 +0,0 @@
-import {getMockToken} from '../../test-utilities'
-import {getTokenValue} from './getTokenValue'
-
-describe('Utilities: getTokenValue', () => {
-  it('it retrieves the token value', () => {
-    const token = getMockToken({
-      value: '#223344',
-    })
-    expect(getTokenValue(token)).toStrictEqual('#223344')
-  })
-
-  it('it throws a typeError if invalid input is used', () => {
-    expect(() => {
-      // @ts-expect-error due to testing wrong input
-      getTokenValue('invalid')
-    }).toThrow(TypeError)
-  })
-})

package/src/transformers/utilities/hexToRgbaFloat.test.ts

@@ -1,66 +0,0 @@
-import {hexToRgbaFloat} from './hexToRgbaFloat'
-
-describe('Utilities: hexToRgbaFloat', () => {
-  it('it converts hex3', () => {
-    expect(hexToRgbaFloat('#369')).toStrictEqual({a: 1, b: 0.6, g: 0.4, r: 0.2})
-    expect(hexToRgbaFloat('369')).toStrictEqual({a: 1, b: 0.6, g: 0.4, r: 0.2})
-  })
-
-  it('it converts hex4', () => {
-    expect(hexToRgbaFloat('#3696')).toStrictEqual({a: 0.4, b: 0.6, g: 0.4, r: 0.2})
-    expect(hexToRgbaFloat('3696')).toStrictEqual({a: 0.4, b: 0.6, g: 0.4, r: 0.2})
-  })
-
-  it('it converts hex6', () => {
-    expect(hexToRgbaFloat('#223344')).toStrictEqual({a: 1, b: 0.26666666666666666, g: 0.2, r: 0.13333333333333333})
-    expect(hexToRgbaFloat('223344')).toStrictEqual({a: 1, b: 0.26666666666666666, g: 0.2, r: 0.13333333333333333})
-  })
-
-  it('it converts hex8', () => {
-    expect(hexToRgbaFloat('#00334466')).toStrictEqual({
-      a: 0.4,
-      b: 0.26666666666666666,
-      g: 0.2,
-      r: 0,
-    })
-    expect(hexToRgbaFloat('00334466')).toStrictEqual({
-      a: 0.4,
-      b: 0.26666666666666666,
-      g: 0.2,
-      r: 0,
-    })
-  })
-
-  it('it converts hex6 with additional alpha', () => {
-    expect(hexToRgbaFloat('#003344', 0.7)).toStrictEqual({
-      a: 0.7,
-      b: 0.26666666666666666,
-      g: 0.2,
-      r: 0,
-    })
-  })
-
-  it('it converts hex8 with additional alpha', () => {
-    expect(hexToRgbaFloat('#00334466', 0.6)).toStrictEqual({
-      a: 0.6,
-      b: 0.26666666666666666,
-      g: 0.2,
-      r: 0,
-    })
-  })
-
-  it('it converts hex without #', () => {
-    expect(hexToRgbaFloat('003344', 0.6)).toStrictEqual({
-      a: 0.6,
-      b: 0.26666666666666666,
-      g: 0.2,
-      r: 0,
-    })
-  })
-
-  it('it throws if invalid input is used', () => {
-    expect(() => {
-      hexToRgbaFloat('invalid')
-    }).toThrow('Invalid hex value in "hexToRgbaFloat". Please provide a valid hex3, hex4, hex6 or hex8 value.')
-  })
-})

package/src/transformers/utilities/invalidTokenError.test.ts

@@ -1,21 +0,0 @@
-import {getMockToken} from '../../test-utilities'
-import {invalidTokenValueError} from './invalidTokenError'
-
-describe('Utilities: invalidTokenValueError', () => {
-  it('it throws with token', () => {
-    expect(() => {
-      throw new invalidTokenValueError(
-        getMockToken({
-          value: '42px',
-        }),
-      )
-    }).toThrow(invalidTokenValueError)
-  })
-
-  it('it throws TypeError if no token is provided', () => {
-    expect(() => {
-      // @ts-expect-error due to testing wrong input
-      throw new invalidTokenValueError('42px')
-    }).toThrow(TypeError)
-  })
-})

package/src/transformers/utilities/isRgbaFloat.test.ts

@@ -1,20 +0,0 @@
-import {isRgbaFloat} from './isRgbaFloat'
-
-describe('Utilities: isRgbaFloat', () => {
-  it('valid RgbaFloat', () => {
-    expect(isRgbaFloat({a: 1, b: 0.6, g: 0.4, r: 0.2})).toStrictEqual(true)
-    expect(isRgbaFloat({a: 0, b: 0.2, g: 0.4, r: 0.2})).toStrictEqual(true)
-    expect(isRgbaFloat({b: 0.6, g: 0.4, r: 0.2})).toStrictEqual(true)
-  })
-
-  it('RgbaFloat as string', () => {
-    expect(isRgbaFloat('{a: 1, b: 0.6, g: 0.4, r: 0.2}')).toStrictEqual(false)
-  })
-  it('Invalid values', () => {
-    expect(isRgbaFloat({a: 1, b: 0.6, g: 0.4})).toStrictEqual(false)
-    expect(isRgbaFloat({a: 1, b: 0.6, g: 0.4, r: 1.1})).toStrictEqual(false)
-    expect(isRgbaFloat('#334455')).toStrictEqual(false)
-    expect(isRgbaFloat(undefined)).toStrictEqual(false)
-    expect(isRgbaFloat(null)).toStrictEqual(false)
-  })
-})

package/src/transformers/utilities/rgbaFloatToHex.test.ts

@@ -1,16 +0,0 @@
-import {rgbaFloatToHex} from './rgbaFloatToHex'
-
-describe('Utilities: rgbaFloatToHex', () => {
-  it('valid RgbaFloat value', () => {
-    expect(rgbaFloatToHex({a: 1, b: 0.6, g: 0.4, r: 0.2})).toStrictEqual('#336699')
-    expect(rgbaFloatToHex({a: 0, b: 0.3, g: 0.4, r: 0.2})).toStrictEqual('#33664c')
-    expect(rgbaFloatToHex({b: 0.6, g: 0.4, r: 0.2})).toStrictEqual('#336699')
-    expect(rgbaFloatToHex({b: 0.56, g: 0.35, r: 0.123344})).toStrictEqual('#1f598e')
-  })
-
-  it('Invalid values', () => {
-    expect(() => rgbaFloatToHex({a: 1, b: 0.6, g: 0.4, r: 2})).toThrow(
-      'Invalid RgbaFloat value. R, G and B values must be between 0 and 1',
-    )
-  })
-})

package/src/utilities/getFlag.test.ts

@@ -1,31 +0,0 @@
-import {getFlag} from './getFlag'
-
-describe('Utilities: getFlag', () => {
-  jest.replaceProperty(process, 'argv', [
-    'ts-node',
-    'src/utilities/getFlag.test.ts',
-    '--outFile=test.json',
-    '--silent',
-    '-D',
-  ])
-
-  it('return null if flag is not found', () => {
-    expect(getFlag('--format')).toStrictEqual(null)
-  })
-
-  it('return flag if flag has no value', () => {
-    expect(getFlag('--silent')).toStrictEqual('--silent')
-  })
-
-  it('return value if flag has value', () => {
-    expect(getFlag('--outFile')).toStrictEqual('test.json')
-  })
-
-  it('return value if flag param has no --', () => {
-    expect(getFlag('outFile')).toStrictEqual('test.json')
-  })
-
-  it('allow other prefix', () => {
-    expect(getFlag('D', '-')).toStrictEqual('-D')
-  })
-})

package/src/utilities/joinFriendly.test.ts

@@ -1,15 +0,0 @@
-import {joinFriendly} from './joinFriendly'
-
-describe('Utilities: joinFriendly', () => {
-  it('it joins items with and for last item', () => {
-    expect(joinFriendly(['one', 'two', 'three'])).toStrictEqual('one, two and three')
-    expect(joinFriendly(['one', 'two'])).toStrictEqual('one and two')
-  })
-  it('it joins items with or for last item', () => {
-    expect(joinFriendly(['one', 'two', 'three'], 'or')).toStrictEqual('one, two or three')
-  })
-
-  it('it joins items with and for last item', () => {
-    expect(joinFriendly(['one', 'two', 'three'], undefined)).toStrictEqual('one, two and three')
-  })
-})

package/src/utilities/toCamelCase.test.ts

@@ -1,27 +0,0 @@
-import {toCamelCase} from './toCamelCase'
-
-describe('Utilities: toCamelCase', () => {
-  it('it transforms all lowercase word', () => {
-    expect(toCamelCase('primer')).toStrictEqual('primer')
-  })
-
-  it('it transforms all lowercase sentence (words with spaces)', () => {
-    expect(toCamelCase('primer design token')).toStrictEqual('primerDesignToken')
-  })
-
-  it('it transforms all words with special chars', () => {
-    expect(toCamelCase('primer_design-token+edition')).toStrictEqual('primerDesignTokenEdition')
-  })
-
-  it('it preserves casing for words that are already all uppercased', () => {
-    expect(toCamelCase('PRIMER')).toStrictEqual('PRIMER')
-  })
-
-  it('it transforms all camelCase word', () => {
-    expect(toCamelCase('camelCase')).toStrictEqual('camelCase')
-  })
-
-  it('it transforms array of words', () => {
-    expect(toCamelCase(['primer', 'design', 'token'])).toStrictEqual('primerDesignToken')
-  })
-})

package/src/utilities/treeWalker.test.ts

@@ -1,51 +0,0 @@
-import {treeWalker} from './treeWalker'
-
-describe('Utilities: treeWalker', () => {
-  const isValidItem = (item: unknown) => {
-    return typeof item === 'object' && item !== null && 'value' in item
-  }
-
-  const callback = (_item: unknown) => {
-    return 'validItem'
-  }
-
-  it('returns undefined if item is not valid', () => {
-    const tree = {
-      invalidItem: 'pumpkin',
-      subItem: {
-        invalidSubitem: 'squash',
-      },
-    }
-
-    const expectedOutput = {
-      invalidItem: undefined,
-      subItem: {
-        invalidSubitem: undefined,
-      },
-    }
-
-    expect(treeWalker(tree, callback, isValidItem)).toStrictEqual(expectedOutput)
-  })
-
-  it('returns callback return value if item is valid', () => {
-    const tree = {
-      validItem: {
-        value: 'pumpkin',
-      },
-      subItem: {
-        validSubitem: {
-          value: 'squash',
-        },
-      },
-    }
-
-    const expectedOutput = {
-      validItem: 'validItem',
-      subItem: {
-        validSubitem: 'validItem',
-      },
-    }
-
-    expect(treeWalker(tree, callback, isValidItem)).toStrictEqual(expectedOutput)
-  })
-})

package/src/utilities/upperCaseFirstCharacter.test.ts

@@ -1,19 +0,0 @@
-import {upperCaseFirstCharacter} from './upperCaseFirstCharacter'
-
-describe('Utilities: upperCaseFirstCharacter', () => {
-  it('it transforms all lowercase word', () => {
-    expect(upperCaseFirstCharacter('primer')).toStrictEqual('Primer')
-  })
-
-  it('it transforms all lowercase sentence (words with spaces)', () => {
-    expect(upperCaseFirstCharacter('primer design token')).toStrictEqual('Primer design token')
-  })
-
-  it('it preserves casing for words that are already all uppercased', () => {
-    expect(upperCaseFirstCharacter('PRIMER')).toStrictEqual('PRIMER')
-  })
-
-  it('it transforms all camelCase word', () => {
-    expect(upperCaseFirstCharacter('camelCase')).toStrictEqual('CamelCase')
-  })
-})

package/tokens-next-private/css/base/size/size.css

@@ -1,19 +0,0 @@
-:root {
-  --base-size-4: 0.25rem;
-  --base-size-8: 0.5rem;
-  --base-size-12: 0.75rem;
-  --base-size-16: 1rem;
-  --base-size-20: 1.25rem;
-  --base-size-24: 1.5rem;
-  --base-size-28: 1.75rem;
-  --base-size-32: 2rem;
-  --base-size-36: 2.25rem;
-  --base-size-40: 2.5rem;
-  --base-size-44: 2.75rem;
-  --base-size-48: 3rem;
-  --base-size-64: 4rem;
-  --base-size-80: 5rem;
-  --base-size-96: 6rem;
-  --base-size-112: 7rem;
-  --base-size-128: 8rem;
-}

package/tokens-next-private/css/base/typography/typography.css

@@ -1,6 +0,0 @@
-:root {
-  --base-text-weight-light: 300;
-  --base-text-weight-normal: 400;
-  --base-text-weight-medium: 500;
-  --base-text-weight-semibold: 600;
-}

package/tokens-next-private/css/functional/motion/motion.css

@@ -1,5 +0,0 @@
-:root {
-  --motion-skeletonLoader-shimmer-duration-scale: 1s;
-  --motion-spinner-duration-rotation: 1s;
-  --motion-loading-delay-default: 1s;
-}

package/tokens-next-private/css/functional/size/border.css

@@ -1,14 +0,0 @@
-:root {
-  --boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem);
-  --boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
-  --boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
-  --borderWidth-thin: max(1px, 0.0625rem);
-  --borderWidth-thick: max(2px, 0.125rem);
-  --borderWidth-thicker: max(4px, 0.25rem);
-  --borderRadius-small: 0.1875rem;
-  --borderRadius-medium: 0.375rem;
-  --borderRadius-large: 0.75rem;
-  --borderRadius-full: 624.9375rem;
-  --outline-focus-offset: -0.125rem;
-  --outline-focus-width: 0.125rem;
-}

package/tokens-next-private/css/functional/size/breakpoints.css

@@ -1,8 +0,0 @@
-:root {
-  --breakpoint-xsmall: 20rem;
-  --breakpoint-small: 34rem;
-  --breakpoint-medium: 48rem;
-  --breakpoint-large: 63.25rem;
-  --breakpoint-xlarge: 80rem;
-  --breakpoint-xxlarge: 87.5rem;
-}

package/tokens-next-private/css/functional/size/size-coarse.css

@@ -1,7 +0,0 @@
-@media (pointer: coarse) {
-  :root {
-    --control-minTarget-auto: 2.75rem;
-    --controlStack-small-gap-auto: 1rem;
-    --controlStack-medium-gap-auto: 0.75rem;
-  }
-}

package/tokens-next-private/css/functional/size/size-fine.css

@@ -1,7 +0,0 @@
-@media (pointer: fine) {
-  :root {
-    --control-minTarget-auto: 1rem;
-    --controlStack-small-gap-auto: 0.5rem;
-    --controlStack-medium-gap-auto: 0.5rem;
-  }
-}

package/tokens-next-private/css/functional/size/size.css

@@ -1,74 +0,0 @@
-:root {
-  --control-minTarget-fine: 1rem;
-  --control-minTarget-coarse: 2.75rem;
-  --control-xsmall-size: 1.5rem;
-  --control-xsmall-lineBoxHeight: 1.25rem;
-  --control-xsmall-paddingBlock: 0.125rem;
-  --control-xsmall-paddingInline-condensed: 0.25rem;
-  --control-xsmall-paddingInline-normal: 0.5rem;
-  --control-xsmall-paddingInline-spacious: 0.75rem;
-  --control-xsmall-gap: 0.25rem;
-  --control-small-size: 1.75rem;
-  --control-small-lineBoxHeight: 1.25rem;
-  --control-small-paddingBlock: 0.25rem;
-  --control-small-paddingInline-condensed: 0.5rem;
-  --control-small-paddingInline-normal: 0.75rem;
-  --control-small-gap: 0.25rem;
-  --control-medium-size: 2rem;
-  --control-medium-lineBoxHeight: 1.25rem;
-  --control-medium-paddingBlock: 0.375rem;
-  --control-medium-paddingInline-condensed: 0.5rem;
-  --control-medium-paddingInline-normal: 0.75rem;
-  --control-medium-paddingInline-spacious: 1rem;
-  --control-medium-gap: 0.5rem;
-  --control-large-size: 2.5rem;
-  --control-large-lineBoxHeight: 1.25rem;
-  --control-large-paddingBlock: 0.625rem;
-  --control-large-paddingInline-normal: 0.75rem;
-  --control-large-paddingInline-spacious: 1rem;
-  --control-large-gap: 0.5rem;
-  --control-xlarge-size: 3rem;
-  --control-xlarge-lineBoxHeight: 1.25rem;
-  --control-xlarge-paddingBlock: 0.875rem;
-  --control-xlarge-paddingInline-normal: 0.75rem;
-  --control-xlarge-paddingInline-spacious: 1rem;
-  --control-xlarge-gap: 0.5rem;
-  --controlStack-small-gap-condensed: 0.5rem;
-  --controlStack-small-gap-spacious: 1rem;
-  --controlStack-medium-gap-condensed: 0.5rem;
-  --controlStack-medium-gap-spacious: 0.75rem;
-  --controlStack-large-gap-auto: 0.5rem;
-  --controlStack-large-gap-condensed: 0.5rem;
-  --controlStack-large-gap-spacious: 0.75rem;
-  --space-xxsmall: 0.125rem;
-  --space-xsmall: 0.25rem;
-  --space-small: 0.375rem;
-  --space-medium: 0.5rem;
-  --space-large: 0.75rem;
-  --space-xlarge: 1rem;
-  --spinner-strokeWidth-default: 0.125rem;
-  --spinner-size-small: 1rem;
-  --spinner-size-medium: 2rem;
-  --spinner-size-large: 4rem;
-  --stack-padding-condensed: 0.5rem;
-  --stack-padding-normal: 1rem;
-  --stack-padding-spacious: 1.5rem;
-  --stack-gap-condensed: 0.5rem;
-  --stack-gap-normal: 1rem;
-  --stack-gap-spacious: 1.5rem;
-  --overlay-width-xsmall: 12rem;
-  --overlay-width-small: 20rem;
-  --overlay-width-medium: 30rem;
-  --overlay-width-large: 40rem;
-  --overlay-width-xlarge: 60rem;
-  --overlay-height-small: 16rem;
-  --overlay-height-medium: 20rem;
-  --overlay-height-large: 27rem;
-  --overlay-height-xlarge: 37.5rem;
-  --overlay-padding-normal: 1rem;
-  --overlay-padding-condensed: 0.5rem;
-  --overlay-paddingBlock-condensed: 0.25rem;
-  --overlay-paddingBlock-normal: 0.75rem;
-  --overlay-borderRadius: 0.375rem;
-  --overlay-offset: 0.25rem;
-}

package/tokens-next-private/css/functional/size/viewport.css

@@ -1,6 +0,0 @@
-@custom-media --viewportRange-narrow (max-width: calc(48rem - 0.02px));
-@custom-media --viewportRange-narrowLandscape (max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape));
-@custom-media --viewportRange-regular (min-width: 48rem);
-@custom-media --viewportRange-wide (min-width: 87.5rem);
-@custom-media --viewportRange-portrait (orientation: portrait);
-@custom-media --viewportRange-landscape (orientation: landscape);