@kaizen/components 0.0.0-canary-test-v1-codemod-runner-seq-20250822051220 → 0.0.0-canary-test-v1-codemod-runner-20250827043754

package/codemods/runV1Codemods/README.md

@@ -25,7 +25,7 @@ pnpm kaizen-codemod {target-directory} runV1Codemods
 ## Example
 
 ```bash
-pnpm kaizen-codemod src runV1Codemods
+pnpm kaizen-codemod src/components/MockComponent runV1Codemods
 ```
 
 ## What it does
@@ -60,11 +60,11 @@ The codemod runs the following transformations in sequence:
 
 ### Reducing the blast radius of the codemods
 
-Thi running will create a lot of diffs and changes to your components as the traverses the entire directory given.
+This running will create a lot of diffs and changes to your components as the traverses the entire directory given.
 
 To reduce the scope, consider either running this on component or page directories or running the mode incrementally, ie:
 
-`pnpm kaizen-codemod src/components/MockComponent runV1Codemods`
+`pnpm kaizen-codemod src/pages/MockPage runV1Codemods`
 
 This can make it easier to review and merge in changes with confidence.
 

package/codemods/runV1Codemods/__fixtures__/MockComponentDir/MockComponent.tsx

@@ -36,7 +36,9 @@ export const MockComponent = (): JSX.Element => {
       <Well variant="default">
         <div>Well content</div>
       </Well>
-      <GlobalNotification type="success">Global notification content</GlobalNotification>
+      <GlobalNotification persistent={true} type="positive">
+        Global notification content
+      </GlobalNotification>
       <div className="additional-content">
         This is some additional content that is not part of the GuidanceBlock.
         <MockSubcomponent />

package/codemods/runV1Codemods/__fixtures__/MockFailedComponentDir/MockComponent.tsx

@@ -0,0 +1,13 @@
+// @ts-nocheck this is a mock file - we can ignore this
+import React from 'react'
+import { GlobalNotification } from '@kaizen/components'
+
+export const MockComponent = (): JSX.Element => {
+  return (
+    <div>
+      <GlobalNotification persistent={true} type="success">
+        Global notification content
+      </GlobalNotification>
+    </div>
+  )
+}

package/codemods/runV1Codemods/__fixtures__/MockFailedComponentDir/index.ts

@@ -0,0 +1 @@
+export * from './'

package/codemods/runV1Codemods/__snapshots__/runV1Codemods.spec.ts.snap

@@ -24,7 +24,9 @@ export const MockComponent = (): JSX.Element => {
       <Well color="gray">
         <div>Well content</div>
       </Well>
-      <GlobalNotification type="success">Global notification content</GlobalNotification>
+      <GlobalNotification persistent={true} variant="success">
+        Global notification content
+      </GlobalNotification>
       <div className="additional-content">
         This is some additional content that is not part of the GuidanceBlock.
         <MockSubcomponent />
@@ -34,6 +36,7 @@ export const MockComponent = (): JSX.Element => {
 
 
 
+
  
 ",
   "index.ts": "export * from './'

package/codemods/runV1Codemods/index.ts

@@ -1,33 +1,35 @@
+import fs from 'fs'
 import { runV1Codemods } from './runV1Codemods'
 
 const run = async (): Promise<void> => {
-  console.log('🚀 Running all V1 codemods in sequence')
-  console.log('')
-  console.log('This will run the following codemods in order:')
-  console.log('1. upgradeIconV1')
-  console.log('2. upgradeV1Buttons')
-  console.log('3. migrateGuidanceBlockActionsToActionsSlot')
-  console.log('4. migrateBrandMomentMoodToVariant')
-  console.log('5. migrateCardVariantToColor')
-  console.log('6. migrateConfirmationModalMoodsToVariant')
-  console.log('7. migrateEmptyStateIllustrationTypeToVariant')
-  console.log('8. migrateGlobalNotificationTypeToVariant')
-  console.log('9. migrateInformationTileMoodToVariant')
-  console.log('10. migrateInlineNotificationTypeToVariant')
-  console.log('11. migrateMultiActionTileMoodToVariant')
-  console.log('12. migrateNotificationTypeToVariant')
-  console.log('13. migrateProgressBarMoodToColor')
-  console.log('14. migrateToastNotificationTypeToVariant')
-  console.log('15. migrateWellVariantToColor')
-  console.log('16. removeInputEditModalMood')
-  console.log('17. removePopoverVariant')
-  console.log('')
+  console.log(`🚀 Running all V1 codemods in sequence:
+  1. upgradeIconV1
+  2. upgradeV1Buttons
+  3. migrateGuidanceBlockActionsToActionsSlot
+  4. migrateBrandMomentMoodToVariant
+  5. migrateCardVariantToColor
+  6. migrateConfirmationModalMoodsToVariant
+  7. migrateEmptyStateIllustrationTypeToVariant
+  8. migrateGlobalNotificationTypeToVariant
+  9. migrateInformationTileMoodToVariant
+  10. migrateInlineNotificationTypeToVariant
+  11. migrateMultiActionTileMoodToVariant
+  12. migrateNotificationTypeToVariant
+  13. migrateProgressBarMoodToColor
+  14. migrateToastNotificationTypeToVariant
+  15. migrateWellVariantToColor
+  16. removeInputEditModalMood
+  17. removePopoverVariant
+  `)
 
   const targetDir = process.argv[2]
 
   if (!targetDir) {
-    console.error('Error: Target directory is required')
-    process.exit(1)
+    throw Error('Error: target directory does not exist')
+  }
+
+  if (fs.existsSync(targetDir) === false) {
+    throw Error('Error: target directory does not exist')
   }
 
   await runV1Codemods(targetDir)

package/codemods/runV1Codemods/runV1Codemods.spec.ts

@@ -1,6 +1,8 @@
 import fs from 'fs'
 import os from 'os'
 import path from 'path'
+import { vi } from 'vitest'
+
 import { runV1Codemods } from './runV1Codemods'
 
 const cleanupTestDirectory = (tempDir: string): void => {
@@ -57,25 +59,22 @@ const copyDirectoryToTemp = (sourceDir: string): string => {
 
 describe('runV1Codemods', () => {
   describe('MockComponentDir Snapshot Tests', () => {
-    it('should transform MockComponentDir files and match snapshot', async () => {
+    it('should transform MockComponentDir files and match snapshot', () => {
       const mockSourceDir = path.resolve(__dirname, '__fixtures__', 'MockComponentDir')
       const tempDir = copyDirectoryToTemp(mockSourceDir)
 
       try {
-        await runV1Codemods(tempDir)
+        runV1Codemods(tempDir)
         const transformedFiles = readTestFiles(tempDir)
 
-        // Snapshot test - this will create/update snapshots on first run
         expect(transformedFiles).toMatchSnapshot()
 
-        // Specific assertions to ensure transformations occurred
         expect(transformedFiles['MockComponent.tsx']).toContain('actionsSlot')
         expect(transformedFiles['MockComponent.tsx']).not.toContain('actions={{')
         expect(transformedFiles['MockComponent.tsx']).toContain(
           'import { Button } from "@kaizen/components/next"',
         )
 
-        // Check that subcomponent was transformed
         expect(transformedFiles['subcomponents/MockSubcomponent.tsx']).toContain('onPress')
         expect(transformedFiles['subcomponents/MockSubcomponent.tsx']).toContain(
           'import { Button } from "@kaizen/components/next"',
@@ -85,4 +84,24 @@ describe('runV1Codemods', () => {
       }
     })
   })
+  describe('MockFailedComponentDir Failed', () => {
+    it('should throw an Error and exit on a failed codemod', () => {
+      const mockSourceDir = path.resolve(__dirname, '__fixtures__', 'MockFailedComponentDir')
+      const tempDir = copyDirectoryToTemp(mockSourceDir)
+
+      try {
+        const exitSpy = vi
+          .spyOn(process, 'exit')
+          .mockImplementation((code?: string | number | null | undefined) => {
+            throw new Error(`process.exit(${code})`)
+          })
+
+        expect(() => runV1Codemods(tempDir)).toThrow('process.exit(1)')
+        expect(exitSpy).toHaveBeenCalledWith(1)
+        exitSpy.mockRestore()
+      } finally {
+        cleanupTestDirectory(tempDir)
+      }
+    })
+  })
 })

package/codemods/runV1Codemods/runV1Codemods.ts

@@ -1,3 +1,4 @@
+import fs from 'fs'
 import { transformBrandMomentMoodToVariant } from '../migrateBrandMomentMoodToVariant/transformBrandMomentMoodToVariant'
 import { transformCardVariantToColor } from '../migrateCardVariantToColor/transformCardVariantToColor'
 import { transformConfirmationModalMoodsToVariant } from '../migrateConfirmationModalMoodsToVariant/transformConfirmationModalMoodsToVariant'
@@ -150,38 +151,37 @@ const codemods: CodemodConfig[] = [
   },
 ]
 
-export const runV1Codemods = async (targetDir: string): Promise<void> => {
+export const runV1Codemods = (targetDir: string): void => {
   console.log(`📝 Running ${codemods.length} codemods on directory: ${targetDir}`)
   console.log('')
 
+  if (fs.existsSync(targetDir) === false) {
+    console.error(`Error: Target directory "${targetDir}" does not exist`)
+    process.exit(1)
+  }
+
   let successCount = 0
-  let errorCount = 0
 
   for (const codemod of codemods) {
     try {
       console.log(`🔄 Starting codemod: ${codemod.name}`)
-      await new Promise<void>((resolve) => {
-        codemod.runner(targetDir)
-        resolve()
-      })
+      codemod.runner(targetDir)
       console.log(`✅ Completed codemod: ${codemod.name}`)
       successCount++
     } catch (error) {
-      console.error(`❌ Error in codemod: ${codemod.name}`)
+      console.log(`💥 Error in codemod: ${codemod.name} - exiting early
+
+✅ ${successCount} codemods completed successfully
+😢 ${codemods.length - successCount} codemods did not run
+Address the issues in the follow codemod before proceeding:
+        `)
+
+      console.error(`${codemod.name}\n`)
       console.error(error)
-      errorCount++
+      process.exit(1)
     }
     console.log('')
   }
 
-  console.log('📊 Summary:')
-  console.log(`✅ Successful codemods: ${successCount}`)
-  console.log(`❌ Failed codemods: ${errorCount}`)
-  console.log(`🎯 Total codemods: ${codemods.length}`)
-
-  if (errorCount > 0) {
-    console.log('\n⚠️  Some codemods failed. Please review the errors above.')
-  } else {
-    console.log('\n🎉 All codemods completed successfully!')
-  }
+  console.log('\n🎉 All codemods completed successfully!')
 }

package/dist/styles.css

@@ -1,28 +1,4 @@
 @layer tokens, normalize, reset, kz-components;@layer tokens{:root{--theme-key:heart;--animation-easing-function-ease-in-out:cubic-bezier(0.455,0.03,0.515,0.955);--animation-easing-function-ease-in:cubic-bezier(0.55,0.085,0.68,0.53);--animation-easing-function-ease-out:cubic-bezier(0.25,0.46,0.45,0.94);--animation-easing-function-linear:linear;--animation-easing-function-bounce-in:cubic-bezier(0.485,0.155,0.24,1.245);--animation-easing-function-bounce-out:cubic-bezier(0.485,0.155,0.515,0.845);--animation-easing-function-bounce-in-out:cubic-bezier(0.76,-0.245,0.24,1.245);--animation-duration-instant:0ms;--animation-duration-immediate:100ms;--animation-duration-rapid:200ms;--animation-duration-fast:300ms;--animation-duration-slow:400ms;--animation-duration-deliberate:700ms;--border-solid-border-width:2px;--border-solid-border-radius:7px;--border-solid-border-style:solid;--border-solid-border-color:#e1e2ea;--border-solid-border-color-rgb:225,226,234;--border-dashed-border-width:2px;--border-dashed-border-radius:7px;--border-dashed-border-style:dashed;--border-borderless-border-width:2px;--border-borderless-border-radius:7px;--border-borderless-border-style:solid;--border-borderless-border-color:transparent;--border-borderless-border-color-rgb:0,0,0;--border-focus-ring-border-width:2px;--border-focus-ring-border-radius:10px;--border-focus-ring-border-style:solid;--border-width-1:1px;--color-purple-100:#f4edf8;--color-purple-100-rgb:244,237,248;--color-purple-200:#dfc9ea;--color-purple-200-rgb:223,201,234;--color-purple-300:#c9a5dd;--color-purple-300-rgb:201,165,221;--color-purple-400:#ae67b1;--color-purple-400-rgb:174,103,177;--color-purple-500:#844587;--color-purple-500-rgb:132,69,135;--color-purple-600:#5f3361;--color-purple-600-rgb:95,51,97;--color-purple-700:#4a234d;--color-purple-700-rgb:74,35,77;--color-purple-800:#2f2438;--color-purple-800-rgb:47,36,56;--color-blue-100:#e6f6ff;--color-blue-100-rgb:230,246,255;--color-blue-200:#bde2f5;--color-blue-200-rgb:189,226,245;--color-blue-300:#73c0e8;--color-blue-300-rgb:115,192,232;--color-blue-400:#008bd6;--color-blue-400-rgb:0,139,214;--color-blue-500:#0168b3;--color-blue-500-rgb:1,104,179;--color-blue-600:#004970;--color-blue-600-rgb:0,73,112;--color-blue-700:#003157;--color-blue-700-rgb:0,49,87;--color-green-100:#e8f8f4;--color-green-100-rgb:232,248,244;--color-green-200:#c4ede2;--color-green-200-rgb:196,237,226;--color-green-300:#8fdbc7;--color-green-300-rgb:143,219,199;--color-green-400:#5dcaad;--color-green-400-rgb:93,202,173;--color-green-500:#3f9a86;--color-green-500-rgb:63,154,134;--color-green-600:#2c7d67;--color-green-600-rgb:44,125,103;--color-green-700:#22594a;--color-green-700-rgb:34,89,74;--color-yellow-100:#fff9e4;--color-yellow-100-rgb:255,249,228;--color-yellow-200:#ffeeb3;--color-yellow-200-rgb:255,238,179;--color-yellow-300:#ffe36e;--color-yellow-300-rgb:255,227,110;--color-yellow-400:#ffca4d;--color-yellow-400-rgb:255,202,77;--color-yellow-500:#ffb600;--color-yellow-500-rgb:255,182,0;--color-yellow-600:#c68600;--color-yellow-600-rgb:198,134,0;--color-yellow-700:#876400;--color-yellow-700-rgb:135,100,0;--color-red-100:#fdeaee;--color-red-100-rgb:253,234,238;--color-red-200:#f9c2cb;--color-red-200-rgb:249,194,203;--color-red-300:#f597a8;--color-red-300-rgb:245,151,168;--color-red-400:#e0707d;--color-red-400-rgb:224,112,125;--color-red-500:#c93b55;--color-red-500-rgb:201,59,85;--color-red-600:#a82433;--color-red-600-rgb:168,36,51;--color-red-700:#6c1e20;--color-red-700-rgb:108,30,32;--color-orange-100:#fff0e8;--color-orange-100-rgb:255,240,232;--color-orange-200:#ffd1b9;--color-orange-200-rgb:255,209,185;--color-orange-300:#ffb08a;--color-orange-300-rgb:255,176,138;--color-orange-400:#ff9461;--color-orange-400-rgb:255,148,97;--color-orange-500:#e96c2f;--color-orange-500-rgb:233,108,47;--color-orange-600:#b74302;--color-orange-600-rgb:183,67,2;--color-orange-700:#903c00;--color-orange-700-rgb:144,60,0;--color-gray-100:#f9f9f9;--color-gray-100-rgb:249,249,249;--color-gray-200:#f4f4f5;--color-gray-200-rgb:244,244,245;--color-gray-300:#eaeaec;--color-gray-300-rgb:234,234,236;--color-gray-400:#cdcdd0;--color-gray-400-rgb:205,205,208;--color-gray-500:#878792;--color-gray-500-rgb:135,135,146;--color-gray-600:#524e56;--color-gray-600-rgb:82,78,86;--color-white:#fff;--color-white-rgb:255,255,255;--color-black:#000;--color-black-rgb:0,0,0;--data-viz-favorable:#7dd5bd;--data-viz-favorable-rgb:125,213,189;--data-viz-unfavorable:#e68d97;--data-viz-unfavorable-rgb:230,141,151;--layout-content-max-width:1392px;--layout-content-max-width-with-sidebar:1080px;--layout-content-side-margin:72px;--layout-mobile-actions-drawer-height:60px;--layout-navigation-bar-height:72px;--layout-breakpoints-medium:768px;--layout-breakpoints-large:1080px;--shadow-small-box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06);--shadow-large-box-shadow:0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08);--spacing-0:0;--spacing-1:.0625rem;--spacing-2:.125rem;--spacing-4:.25rem;--spacing-6:.375rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-40:2.5rem;--spacing-48:3rem;--spacing-56:3.5rem;--spacing-64:4rem;--spacing-72:4.5rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-112:7rem;--spacing-128:8rem;--spacing-160:10rem;--spacing-200:12.5rem;--spacing-240:15rem;--spacing-280:17.5rem;--spacing-320:20rem;--spacing-xs:0.375rem;--spacing-sm:0.75rem;--spacing-md:1.5rem;--spacing-lg:2.25rem;--spacing-xl:3rem;--spacing-xxl:3.75rem;--spacing-xxxl:4.5rem;--spacing-xxxxl:5.25rem;--spacing-xxxxxl:6rem;--typography-data-large-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-large-font-weight:700;--typography-data-large-font-size:5.25rem;--typography-data-large-line-height:5.25rem;--typography-data-large-letter-spacing:normal;--typography-data-large-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-large-units-font-weight:700;--typography-data-large-units-font-size:2.625rem;--typography-data-large-units-line-height:5.25rem;--typography-data-large-units-letter-spacing:normal;--typography-data-medium-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-medium-font-weight:700;--typography-data-medium-font-size:3rem;--typography-data-medium-line-height:5rem;--typography-data-medium-letter-spacing:normal;--typography-data-medium-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-medium-units-font-weight:700;--typography-data-medium-units-font-size:1.5rem;--typography-data-medium-units-line-height:5rem;--typography-data-medium-units-letter-spacing:normal;--typography-data-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-small-font-weight:700;--typography-data-small-font-size:1.5rem;--typography-data-small-line-height:1.5rem;--typography-data-small-letter-spacing:normal;--typography-data-small-units-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-data-small-units-font-weight:700;--typography-data-small-units-font-size:1.125rem;--typography-data-small-units-line-height:1.5rem;--typography-data-small-units-letter-spacing:normal;--typography-display-0-font-family:"Tiempos Headline",Georgia,serif;--typography-display-0-font-weight:800;--typography-display-0-font-size:4.5rem;--typography-display-0-line-height:5.25rem;--typography-display-0-letter-spacing:0em;--typography-heading-1-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-1-font-weight:500;--typography-heading-1-font-size:2.125rem;--typography-heading-1-line-height:2.625rem;--typography-heading-1-letter-spacing:normal;--typography-heading-2-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-2-font-weight:600;--typography-heading-2-font-size:1.75rem;--typography-heading-2-line-height:2.25rem;--typography-heading-2-letter-spacing:normal;--typography-heading-3-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-3-font-weight:600;--typography-heading-3-font-size:1.375rem;--typography-heading-3-line-height:1.875rem;--typography-heading-3-letter-spacing:normal;--typography-heading-4-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-4-font-weight:600;--typography-heading-4-font-size:1.125rem;--typography-heading-4-line-height:1.5rem;--typography-heading-4-letter-spacing:normal;--typography-heading-5-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-5-font-weight:600;--typography-heading-5-font-size:1rem;--typography-heading-5-line-height:1.5rem;--typography-heading-5-letter-spacing:normal;--typography-heading-6-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-heading-6-font-weight:600;--typography-heading-6-font-size:0.875rem;--typography-heading-6-line-height:1.5rem;--typography-heading-6-letter-spacing:normal;--typography-paragraph-intro-lede-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-intro-lede-font-weight:400;--typography-paragraph-intro-lede-font-size:1.25rem;--typography-paragraph-intro-lede-line-height:1.875rem;--typography-paragraph-intro-lede-letter-spacing:0;--typography-paragraph-intro-lede-max-width:975px;--typography-paragraph-body-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-body-font-weight:400;--typography-paragraph-body-font-size:1rem;--typography-paragraph-body-line-height:1.5rem;--typography-paragraph-body-letter-spacing:normal;--typography-paragraph-body-max-width:780px;--typography-paragraph-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-small-font-weight:400;--typography-paragraph-small-font-size:0.875rem;--typography-paragraph-small-line-height:1.125rem;--typography-paragraph-small-letter-spacing:normal;--typography-paragraph-small-max-width:680px;--typography-paragraph-extra-small-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-paragraph-extra-small-font-weight:400;--typography-paragraph-extra-small-font-size:0.75rem;--typography-paragraph-extra-small-line-height:1.125rem;--typography-paragraph-extra-small-letter-spacing:normal;--typography-paragraph-extra-small-max-width:600px;--typography-paragraph-bold-font-weight:600;--typography-button-primary-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-button-primary-font-weight:500;--typography-button-primary-font-size:1.125rem;--typography-button-primary-line-height:1.5rem;--typography-button-primary-letter-spacing:normal;--typography-button-secondary-font-family:"Inter","Noto Sans",Helvetica,Arial,sans-serif;--typography-button-secondary-font-weight:500;--typography-button-secondary-font-size:1rem;--typography-button-secondary-line-height:1.5rem;--typography-button-secondary-letter-spacing:normal}}@layer normalize{html{text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{appearance:auto}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:auto;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}}@layer reset{@font-face{font-family:Tiempos Headline;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff)}@font-face{font-family:Tiempos Headline;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-medium.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-medium.woff)}@font-face{font-family:Greycliff CF;font-weight:300;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-light.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:400;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-regular.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-medium.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:600;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-demi-bold.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:700;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-bold.woff) format("woff")}@font-face{font-family:Greycliff CF;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/greycliff/greycliff-cf-extra-bold.woff) format("woff")}@font-face{font-family:Inter;font-weight:300;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-light.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-light.woff)}@font-face{font-family:Inter;font-weight:400;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff)}@font-face{font-family:Inter;font-weight:500;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff)}@font-face{font-family:Inter;font-weight:600;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff)}@font-face{font-family:Inter;font-weight:700;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff)}@font-face{font-family:Inter;font-weight:800;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-extra-bold.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-extra-bold.woff)}@font-face{font-family:IBM Plex Mono;src:url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/ibm-plex-mono/ibm-plex-mono-regular.woff2),url(https://d1e7r7b0lb8p4d.cloudfront.net/fonts/ibm-plex-mono/ibm-plex-mono-regular.woff)}}@layer reset{*,:after,:before{border-color:var(--border-solid-border-color,"currentColor");border-style:solid;border-width:0}}
-@layer kz-components {
-  .List-module_list__bbFPn {
-    display: flex;
-    flex-direction: column;
-  }
-}
-
-@layer kz-components {
-  .ListItem-module_listItem__xGr6A {
-    font-family: var(--typography-paragraph-body-font-family);
-    font-weight: var(--typography-paragraph-body-font-weight);
-    font-size: var(--typography-paragraph-body-font-size);
-    line-height: var(--typography-paragraph-body-line-height);
-    letter-spacing: var(--typography-paragraph-body-letter-spacing);
-    padding: var(--spacing-8) var(--spacing-16);
-  }
-
-  .ListItem-module_listItem__xGr6A:focus-visible {
-    background-color: var(--color-blue-200);
-    outline: none;
-    border-color: white;
-  }
-}
-
 @layer kz-components {
   .ListSection-module_listSectionHeader__bptHg {
     font-family: var(--typography-heading-5-font-family);
@@ -58,6 +34,30 @@
   }
 }
 
+@layer kz-components {
+  .ListItem-module_listItem__xGr6A {
+    font-family: var(--typography-paragraph-body-font-family);
+    font-weight: var(--typography-paragraph-body-font-weight);
+    font-size: var(--typography-paragraph-body-font-size);
+    line-height: var(--typography-paragraph-body-line-height);
+    letter-spacing: var(--typography-paragraph-body-letter-spacing);
+    padding: var(--spacing-8) var(--spacing-16);
+  }
+
+  .ListItem-module_listItem__xGr6A:focus-visible {
+    background-color: var(--color-blue-200);
+    outline: none;
+    border-color: white;
+  }
+}
+
+@layer kz-components {
+  .List-module_list__bbFPn {
+    display: flex;
+    flex-direction: column;
+  }
+}
+
 @layer kz-components {
   .Trigger-module_button__giSqA {
     anchor-name: var(--anchor-name);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "0.0.0-canary-test-v1-codemod-runner-seq-20250822051220",
+  "version": "0.0.0-canary-test-v1-codemod-runner-20250827043754",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",