@primer/primitives 9.0.3 → 9.1.0-rc.a6a70c5b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "9.0.3",
+  "version": "9.1.0-rc.a6a70c5b",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "engines": {
     "node": ">=18.18.0 <18.19.0"

package/src/transformers/namePathToPascalCase.ts

@@ -0,0 +1,13 @@
+import type StyleDictionary from 'style-dictionary'
+import {toPascalCase} from '../utilities/toPascalCase'
+/**
+ * @description converts the [TransformedToken's](https://github.com/amzn/style-dictionary/blob/main/types/TransformedToken.d.ts) `.path` array to a PascalCase string, preserves casing of parts
+ * @type name transformer — [StyleDictionary.NameTransform](https://github.com/amzn/style-dictionary/blob/main/types/Transform.d.ts)
+ * @matcher omitted to match all tokens
+ * @transformer returns `string` PascalCase
+ */
+export const namePathToPascalCase: StyleDictionary.Transform = {
+  type: `name`,
+  transformer: (token: StyleDictionary.TransformedToken, options?: StyleDictionary.Platform): string =>
+    toPascalCase([options?.prefix || '', ...token.path]),
+}

package/src/utilities/filterStringArray.ts

@@ -0,0 +1,14 @@
+export const filterStringArray = (string: string[]): string[] => {
+  // match unsupported characters
+  const regex = /[^a-zA-Z0-9]+/g
+  // replace any non-letter and non-number character and split into word array
+  const stringArray = string
+    .filter(Boolean)
+    .join(' ')
+    .replace(regex, ' ')
+    .split(' ')
+    // remove undefined if exists
+    .filter((part: unknown): part is string => Boolean(part) && typeof part === 'string')
+
+  return stringArray
+}

package/src/utilities/toCamelCase.ts

@@ -1,22 +1,13 @@
+import {filterStringArray} from './filterStringArray'
 import {upperCaseFirstCharacter} from './upperCaseFirstCharacter'
 
 export const toCamelCase = (string: string | string[]) => {
   if (!Array.isArray(string)) {
     string = [string]
   }
-  // match unsupported characters
-  const regex = /[^a-zA-Z0-9]+/g
-  // replace any non-letter and non-number character and split into word array
-  const stringArray = string
-    .filter(part => part !== '@')
-    .filter(Boolean)
-    .join(' ')
-    .replace(regex, ' ')
-    .split(' ')
+
   return (
-    stringArray
-      // remove undefined if exists
-      .filter((part: unknown): part is string => typeof part === 'string')
+    filterStringArray(string)
       // ucFirst all but first part
       .map((part: string, index: number) => {
         if (index > 0) {

package/src/utilities/toPascalCase.ts

@@ -0,0 +1,17 @@
+import {filterStringArray} from './filterStringArray'
+import {upperCaseFirstCharacter} from './upperCaseFirstCharacter'
+
+export const toPascalCase = (string: string | string[]) => {
+  if (!Array.isArray(string)) {
+    string = [string]
+  }
+
+  return (
+    filterStringArray(string)
+      // ucFirst all but first part
+      .map((part: string) => {
+        return upperCaseFirstCharacter(part)
+      })
+      .join('')
+  )
+}