@primer/primitives 7.17.0-rc.34cd1021 → 7.17.0-rc.39874fc0

package/dist/figma/typography/typography.json

@@ -1,370 +0,0 @@
-[
-  {
-    "name": "text/codeBlock/lineHeight",
-    "value": "20px",
-    "type": "FLOAT",
-    "refId": "typography/text/codeBlock/lineHeight",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/codeBlock/size",
-    "value": 13,
-    "type": "FLOAT",
-    "refId": "typography/text/codeBlock/size",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/caption/lineHeight",
-    "value": "16px",
-    "type": "FLOAT",
-    "refId": "typography/text/caption/lineHeight",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/caption/size",
-    "value": 12,
-    "type": "FLOAT",
-    "refId": "typography/text/caption/size",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/body/lineHeight/small",
-    "value": "20px",
-    "type": "FLOAT",
-    "refId": "typography/text/body/lineHeight/small",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/body/lineHeight/medium",
-    "value": "20px",
-    "type": "FLOAT",
-    "refId": "typography/text/body/lineHeight/medium",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/body/lineHeight/large",
-    "value": "24px",
-    "type": "FLOAT",
-    "refId": "typography/text/body/lineHeight/large",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/body/size/small",
-    "value": 12,
-    "type": "FLOAT",
-    "refId": "typography/text/body/size/small",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/body/size/medium",
-    "value": 14,
-    "type": "FLOAT",
-    "refId": "typography/text/body/size/medium",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/body/size/large",
-    "value": 16,
-    "type": "FLOAT",
-    "refId": "typography/text/body/size/large",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/subtitle/lineHeight",
-    "value": 1.6,
-    "type": "FLOAT",
-    "refId": "typography/text/subtitle/lineHeight",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/subtitle/size",
-    "value": 20,
-    "type": "FLOAT",
-    "refId": "typography/text/subtitle/size",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/title/lineHeight/small",
-    "value": "24px",
-    "type": "FLOAT",
-    "refId": "typography/text/title/lineHeight/small",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/title/lineHeight/medium",
-    "value": "32px",
-    "type": "FLOAT",
-    "refId": "typography/text/title/lineHeight/medium",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/title/lineHeight/large",
-    "value": "48px",
-    "type": "FLOAT",
-    "refId": "typography/text/title/lineHeight/large",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/title/size/small",
-    "value": 16,
-    "type": "FLOAT",
-    "refId": "typography/text/title/size/small",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/title/size/medium",
-    "value": 20,
-    "type": "FLOAT",
-    "refId": "typography/text/title/size/medium",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/title/size/large",
-    "value": 32,
-    "type": "FLOAT",
-    "refId": "typography/text/title/size/large",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/display/lineHeight",
-    "value": "56px",
-    "type": "FLOAT",
-    "refId": "typography/text/display/lineHeight",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/display/size",
-    "value": 40,
-    "type": "FLOAT",
-    "refId": "typography/text/display/size",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/display/lineBoxHeight",
-    "value": "56px",
-    "type": "FLOAT",
-    "refId": "typography/text/display/lineBoxHeight",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "fontStack/monospace",
-    "value": "SF Mono",
-    "type": "STRING",
-    "refId": "typography/fontStack/monospace",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "fontStack/sansSerif",
-    "value": "SF Pro Text",
-    "type": "STRING",
-    "refId": "typography/fontStack/sansSerif",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "fontStack/system",
-    "value": "SF Pro Text",
-    "type": "STRING",
-    "refId": "typography/fontStack/system",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "base/text/weight/semibold",
-    "value": 600,
-    "type": "FLOAT",
-    "refId": "base/typography/base/text/weight/semibold",
-    "collection": "base/typography",
-    "mode": "default",
-    "group": "base/typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "base/text/weight/medium",
-    "value": 500,
-    "type": "FLOAT",
-    "refId": "base/typography/base/text/weight/medium",
-    "collection": "base/typography",
-    "mode": "default",
-    "group": "base/typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "base/text/weight/normal",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "base/typography/base/text/weight/normal",
-    "collection": "base/typography",
-    "mode": "default",
-    "group": "base/typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "base/text/weight/light",
-    "value": 300,
-    "type": "FLOAT",
-    "refId": "base/typography/base/text/weight/light",
-    "collection": "base/typography",
-    "mode": "default",
-    "group": "base/typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/codeInline/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/codeInline/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/codeBlock/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/codeBlock/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/caption/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/caption/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/subtitle/weight",
-    "value": 400,
-    "type": "FLOAT",
-    "refId": "typography/text/subtitle/weight",
-    "reference": "base/typography/base/text/weight/normal",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/title/weight/small",
-    "value": 600,
-    "type": "FLOAT",
-    "refId": "typography/text/title/weight/small",
-    "reference": "base/typography/base/text/weight/semibold",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/title/weight/medium",
-    "value": 600,
-    "type": "FLOAT",
-    "refId": "typography/text/title/weight/medium",
-    "reference": "base/typography/base/text/weight/semibold",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/title/weight/large",
-    "value": 600,
-    "type": "FLOAT",
-    "refId": "typography/text/title/weight/large",
-    "reference": "base/typography/base/text/weight/semibold",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  },
-  {
-    "name": "text/display/weight",
-    "value": 500,
-    "type": "FLOAT",
-    "refId": "typography/text/display/weight",
-    "reference": "base/typography/base/text/weight/medium",
-    "collection": "typography",
-    "mode": "default",
-    "group": "typography",
-    "scopes": ["ALL_SCOPES"]
-  }
-]

package/src/filters/isNumber.ts

@@ -1,8 +0,0 @@
-import type StyleDictionary from 'style-dictionary'
-
-/**
- * @description Checks if token type is a number
- * @param token [StyleDictionary.TransformedToken](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts)
- * @returns boolean
- */
-export const isNumber = (token: StyleDictionary.TransformedToken): boolean => token.$type === 'number'

package/src/transformers/floatToPixel.ts

@@ -1,33 +0,0 @@
-import type StyleDictionary from 'style-dictionary'
-import {isNumber} from '../filters'
-/**
- * takes a value and returns it if its a px string if it is a float and the token has a fontSize value in extensions['org.primer.data']
- * @param value
- * @returns string
- */
-export const convertFloatToPixel = (token: StyleDictionary.TransformedToken) => {
-  // short circut if value is not a number
-  if (
-    typeof token.value !== 'number' ||
-    !token.$extensions?.['org.primer.data']?.fontSize ||
-    typeof token.$extensions?.['org.primer.data']?.fontSize !== 'number'
-  ) {
-    return token.value
-  }
-  // convert value
-  const convertedValue = token.$extensions?.['org.primer.data']?.fontSize * token.value
-  // return converted value
-  return convertedValue === 0 ? 0 : `${Math.round(convertedValue)}px`
-}
-/**
- * @description converts a float value to a pixel value based on the provided fontSize on the tokersn extension
- * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
- * @matcher matches all tokens of $type `isNumber`
- * @transformer returns a pixel string
- */
-export const floatToPixel: StyleDictionary.Transform = {
-  type: `value`,
-  transitive: true,
-  matcher: isNumber,
-  transformer: (token: StyleDictionary.TransformedToken): string => convertFloatToPixel(token),
-}

package/src/transformers/fontFamilyToFigma.ts

@@ -1,47 +0,0 @@
-import type StyleDictionary from 'style-dictionary'
-import {isFontFamily} from '../filters'
-import {hasSpaceInString} from './utilities/hasSpaceInString'
-/**
- * takes a value and returns it if its a string or concats strings in an array quoting strings with spaces
- * @param value
- * @returns string
- */
-export const parseFontFamily = (
-  token: StyleDictionary.TransformedToken,
-  fontFamilies: Record<string, string> = {},
-): string => {
-  // return value from fontFamilies
-  if (token.name in fontFamilies) {
-    return fontFamilies[token.name]
-  }
-  // return string
-  if (typeof token.value === 'string') {
-    return token.value
-  }
-  // return stringified array
-  if (Array.isArray(token.value)) {
-    return token.value
-      .map((string: string) => {
-        if (typeof string !== 'string') {
-          throw new Error(`Invalid value in array ${string}, must be a string`)
-        }
-        return hasSpaceInString(string) ? `'${string}'` : string
-      })
-      .join(', ')
-  }
-  // invalid value
-  throw new Error(`Invalid value ${token.value}, should be a string or array of strings`)
-}
-/**
- * @description converts fontFamily tokens value to string
- * @type value transformer — [StyleDictionary.ValueTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
- * @matcher matches all tokens of $type `fontFamily`
- * @transformer returns a string
- */
-export const fontFamilyToFigma: StyleDictionary.Transform = {
-  type: `value`,
-  transitive: true,
-  matcher: isFontFamily,
-  transformer: (token: StyleDictionary.TransformedToken, platform: StyleDictionary.Platform): string =>
-    parseFontFamily(token, platform.options?.fontFamilies),
-}

package/src/transformers/utilities/hasSpaceInString.ts

@@ -1,6 +0,0 @@
-export const hasSpaceInString = (string: string): boolean => {
-  if (typeof string !== 'string') {
-    throw new TypeError(`Invalid input. Input must be a string, ${typeof string} provided`)
-  }
-  return /\s/g.test(string)
-}