@pantheon-systems/pds-toolkit-react 2.0.0-alpha.33 → 2.0.0-alpha.35

package/dist/libs/types/custom-types.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { PDSIcon } from '../../components/icons/Icon/Icon';
 export type ButtonDisplayType = 'label-only' | 'icon-start' | 'icon-end';
-export type ButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+export type ButtonSize = 'xs' | 's' | 'm' | 'l';
 export type ButtonType = 'button' | 'submit' | 'reset';
-export type ButtonVariant = 'primary' | 'secondary' | 'subtle' | 'brand' | 'highlight' | 'reverse' | 'reverse-secondary' | 'critical' | 'critical-secondary' | 'navbar' | 'inline';
+export type ButtonVariant = 'primary' | 'secondary' | 'subtle' | 'brand' | 'highlight' | 'reverse' | 'reverse-secondary' | 'critical' | 'critical-secondary' | 'inline';
 export type ContainerWidth = 'narrow' | 'standard' | 'wide' | 'x-wide' | 'full';
 export type DataContext = 'product' | 'marketing';
 export type Display = 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'flow-root' | 'none' | 'contents' | 'table' | 'table-row' | 'table-cell' | 'table-caption' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row-group' | 'list-item' | 'inherit' | 'initial' | 'revert' | 'unset';

package/dist/libs/types/layout-types.d.ts

@@ -1,2 +1,2 @@
-export type GridGapOptions = 'wide' | 'standard' | 'narrow';
+export type GridGapOptions = 'wide' | 'standard' | 'narrow' | 'none';
 export type VerticalAlignOptions = 'start' | 'center' | 'end';

package/dist/svg/anglesDown.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M369.5 113l-160 160c-9.4 9.4-24.6 9.4-33.9 0L15.5 113c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143 143-143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9zm0 192l-160 160c-9.4 9.4-24.6 9.4-33.9 0L15.5 305c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l143 143 143-143c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"/>
+</svg>

package/dist/svg/anglesUp.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M209.5 47c-9.4-9.4-24.6-9.4-33.9 0L15.5 207c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l143-143 143 143c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9L209.5 47zm160 352l-160-160c-9.4-9.4-24.6-9.4-33.9 0L15.5 399c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l143-143 143 143c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9z"/>
+</svg>

package/dist/utilities/FlexContainer/FlexContainer.d.ts

@@ -6,7 +6,8 @@ type FlexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseli
 type FlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse';
 type FlexJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 type FlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
-type FlexGapOptions = GridGapOptions | 'minimal' | 'none';
+type SpacingGapOptions = '5xs' | '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
+type FlexGapOptions = GridGapOptions | 'minimal' | 'none' | SpacingGapOptions;
 interface FlexContainerProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Aligns content when there is extra space in the cross-axis.

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "2.0.0-alpha.33",
+	"version": "2.0.0-alpha.35",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",
@@ -20,6 +20,9 @@
 		"url": "https://github.com/pantheon-systems/pds-toolkit-react/issues"
 	},
 	"homepage": "https://github.com/pantheon-systems/pds-toolkit-react#readme",
+	"bin": {
+		"pds-codemod": "./bin/pds-codemod.cjs"
+	},
 	"module": "dist/index.js",
 	"types": "dist/index.d.ts",
 	"exports": {
@@ -32,6 +35,9 @@
 		"./*": "./dist/*"
 	},
 	"files": [
+		"bin",
+		"codemods/v1-to-v2/transforms",
+		"codemods/v1-to-v2/mappings.json",
 		"dist",
 		"tailwind"
 	],
@@ -88,11 +94,18 @@
 		"generate:ux-writing-search-index": "node scripts/generate-search-index.js",
 		"generate:ux-writing-guide": "node scripts/generate-ux-writing-guide.js",
 		"generate:html-docs": "node scripts/generate-html-docs.js",
+		"test:codemods": "jest --testPathPatterns=codemods/",
 		"test:version-switcher": "bash scripts/test-version-switcher.sh",
 		"pack:local": "bash scripts/pack-local.sh",
 		"prepare": "husky install",
 		"chromatic": "npx chromatic --project-token=chpt_8f57e9785118676"
 	},
+	"jest": {
+		"testMatch": [
+			"**/codemods/**/__tests__/**/*.test.js"
+		],
+		"testEnvironment": "node"
+	},
 	"devDependencies": {
 		"@arethetypeswrong/cli": "^0.15.3",
 		"@axe-core/playwright": "^4.11.3",
@@ -113,7 +126,7 @@
 		"@types/react": "^19.2.14",
 		"@typescript-eslint/eslint-plugin": "^8.59.3",
 		"@typescript-eslint/parser": "^8.59.3",
-		"@vitejs/plugin-react": "^4.3.0",
+		"@vitejs/plugin-react": "^6.0.2",
 		"@vueless/storybook-dark-mode": "^9.0.9",
 		"axe-html-reporter": "^2.2.3",
 		"chromatic": "^13.3.4",
@@ -131,6 +144,8 @@
 		"eslint-plugin-typescript-sort-keys": "^3.3.0",
 		"fast-glob": "^3.3.2",
 		"husky": "^8.0.3",
+		"jest": "^30.4.2",
+		"jscodeshift": "^17.3.0",
 		"lint-staged": "^13.2.3",
 		"pino-pretty": "^13.1.3",
 		"plop": "^3.1.2",
@@ -149,7 +164,7 @@
 		"storybook": "^10.4.0",
 		"tsc-alias": "^1.8.17",
 		"typescript": "^5.4.5",
-		"vite": "^7.3.3",
+		"vite": "^8.0.16",
 		"vite-plugin-lib-inject-css": "^2.1.1",
 		"vite-tsconfig-paths": "^4.3.2"
 	},
@@ -163,7 +178,7 @@
 		"@dnd-kit/utilities": "^3.2.2",
 		"@floating-ui/react": "^0.24.3",
 		"@floating-ui/react-dom": "~1.3.0",
-		"@pantheon-systems/pds-design-tokens": "^2.0.0-alpha.45",
+		"@pantheon-systems/pds-design-tokens": "^2.0.0-alpha.49",
 		"@reactuses/core": "^5.0.15",
 		"date-fns": "^4.1.0",
 		"downshift": "^9.3.2",