@kaizen/components 1.80.5 → 1.81.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -25,6 +25,12 @@ pnpm kaizen-codemod src migrateWellVariantToColor
25
25
 
26
26
  ## Available codemods
27
27
 
28
+ Released in `1.80.6`
29
+
30
+ ### `runV1Codemods`
31
+
32
+ A script that runs all v1 codemods in an ideal sequence. This should be used prior to the V2 upgrade - see the [README](./runV1Codemods/README.md) for more.
33
+
28
34
  ### `migrateV2NextToCurrent`
29
35
 
30
36
  Released in `1.80.4`
@@ -500,7 +500,7 @@ import type { Menu as KZMenu, MenuItem as KZMenuItem } from "@kaizen/components"
500
500
  describe('Module path transformations', () => {
501
501
  it('should transform react-aria module path', () => {
502
502
  const inputAst = parseJsx(`import { Button } from "@kaizen/components/v3/react-aria"`)
503
- const expectedAst = parseJsx(`import { Button } from "@kaizen/components/react-aria"`)
503
+ const expectedAst = parseJsx(`import { Button } from "@kaizen/components/libs/react-aria"`)
504
504
 
505
505
  const result = transformComponents(inputAst)
506
506
  expect(result).toBe(printAst(expectedAst))
@@ -511,7 +511,7 @@ import type { Menu as KZMenu, MenuItem as KZMenuItem } from "@kaizen/components"
511
511
  `import { TextField } from "@kaizen/components/v3/react-aria-components"`,
512
512
  )
513
513
  const expectedAst = parseJsx(
514
- `import { TextField } from "@kaizen/components/react-aria-components"`,
514
+ `import { TextField } from "@kaizen/components/libs/react-aria-components"`,
515
515
  )
516
516
 
517
517
  const result = transformComponents(inputAst)
@@ -520,7 +520,9 @@ import type { Menu as KZMenu, MenuItem as KZMenuItem } from "@kaizen/components"
520
520
 
521
521
  it('should handle multiple imports from react-aria modules', () => {
522
522
  const inputAst = parseJsx(`import { Button, Link } from "@kaizen/components/v3/react-aria"`)
523
- const expectedAst = parseJsx(`import { Button, Link } from "@kaizen/components/react-aria"`)
523
+ const expectedAst = parseJsx(
524
+ `import { Button, Link } from "@kaizen/components/libs/react-aria"`,
525
+ )
524
526
 
525
527
  const result = transformComponents(inputAst)
526
528
  expect(result).toBe(printAst(expectedAst))
@@ -531,7 +533,7 @@ import type { Menu as KZMenu, MenuItem as KZMenuItem } from "@kaizen/components"
531
533
  `import { Button as AriaButton } from "@kaizen/components/v3/react-aria"`,
532
534
  )
533
535
  const expectedAst = parseJsx(
534
- `import { Button as AriaButton } from "@kaizen/components/react-aria"`,
536
+ `import { Button as AriaButton } from "@kaizen/components/libs/react-aria"`,
535
537
  )
536
538
 
537
539
  const result = transformComponents(inputAst)
@@ -545,7 +547,7 @@ import { Button } from "@kaizen/components/v3/react-aria"
545
547
  `)
546
548
  const expectedAst = parseJsx(`
547
549
  import { Menu } from "@kaizen/components"
548
- import { Button } from "@kaizen/components/react-aria"
550
+ import { Button } from "@kaizen/components/libs/react-aria"
549
551
  `)
550
552
 
551
553
  const result = transformComponents(inputAst)
@@ -49,8 +49,8 @@ const componentGroups: ComponentGroup[] = [
49
49
  const renameMap = createRenameMapFromGroups(componentGroups)
50
50
 
51
51
  const modulePathMap = new Map([
52
- ['@kaizen/components/v3/react-aria', '@kaizen/components/react-aria'],
53
- ['@kaizen/components/v3/react-aria-components', '@kaizen/components/react-aria-components'],
52
+ ['@kaizen/components/v3/react-aria', '@kaizen/components/libs/react-aria'],
53
+ ['@kaizen/components/v3/react-aria-components', '@kaizen/components/libs/react-aria-components'],
54
54
  ])
55
55
 
56
56
  export const migrateV2NextToCurrent =
@@ -0,0 +1,75 @@
1
+ # runV1Codemods
2
+
3
+ A comprehensive codemod that runs all V1 migration codemods in the ideal sequence.
4
+
5
+ ## Overview
6
+
7
+ This codemod executes all 17 V1 migration codemods in the order as pre-work to migrate to `kaizen/component@2.0.0` Kaizen components. After this you will still need to run the `migrateV2NextToCurrent` and `renameV2ComponentImportsAndUsages` after upgrading to `kaizen/component@2.0.0`
8
+
9
+ This codemod runner handles the following:
10
+
11
+ - Icon upgrades (`upgradeIconV1`)
12
+ - Button migrations (`upgradeV1Buttons`)
13
+ - GuidanceBlock actions migration (`migrateGuidanceBlockActionsToActionsSlot`)
14
+ - Mood to variant migrations for multiple components
15
+ - Variant to color migrations
16
+ - Type to variant migrations for notifications
17
+ - Removal of deprecated props
18
+
19
+ ## Usage
20
+
21
+ ```bash
22
+ pnpm kaizen-codemod {target-directory} runV1Codemods
23
+ ```
24
+
25
+ ## Example
26
+
27
+ ```bash
28
+ pnpm kaizen-codemod src/components/MockComponent runV1Codemods
29
+ ```
30
+
31
+ ## What it does
32
+
33
+ The codemod runs the following transformations in sequence:
34
+
35
+ 1. **upgradeIconV1** - Migrates V1 Icon components to next Icon
36
+ 2. **upgradeV1Buttons** - Migrates V1 Button and IconButton to next Button/LinkButton
37
+ 3. **migrateGuidanceBlockActionsToActionsSlot** - Migrates GuidanceBlock actions prop to actionsSlot
38
+ 4. **migrateBrandMomentMoodToVariant** - Changes `mood` prop to `variant` on BrandMoment
39
+ 5. **migrateCardVariantToColor** - Changes `variant` prop to `color` on Card
40
+ 6. **migrateConfirmationModalMoodsToVariant** - Changes `mood` prop to `variant` on ConfirmationModal
41
+ 7. **migrateEmptyStateIllustrationTypeToVariant** - Changes `illustrationType` prop to `variant` on EmptyState
42
+ 8. **migrateGlobalNotificationTypeToVariant** - Changes `type` prop to `variant` on GlobalNotification
43
+ 9. **migrateInformationTileMoodToVariant** - Changes `mood` prop to `variant` on InformationTile
44
+ 10. **migrateInlineNotificationTypeToVariant** - Changes `type` prop to `variant` on InlineNotification
45
+ 11. **migrateMultiActionTileMoodToVariant** - Changes `mood` prop to `variant` on MultiActionTile
46
+ 12. **migrateNotificationTypeToVariant** - Changes `type` prop to `variant` on Notification
47
+ 13. **migrateProgressBarMoodToColor** - Changes `mood` prop to `color` on ProgressBar
48
+ 14. **migrateToastNotificationTypeToVariant** - Changes `type` prop to `variant` on ToastNotification
49
+ 15. **migrateWellVariantToColor** - Changes `variant` prop to `color` on Well
50
+ 16. **removeInputEditModalMood** - Removes deprecated `mood` prop from InputEditModal
51
+ 17. **removePopoverVariant** - Removes deprecated `variant` and `customIcon` props from Popover
52
+
53
+ ## Error Handling
54
+
55
+ - If any individual codemod fails, the process continues with the remaining codemods
56
+ - Detailed logging shows the start and completion status of each codemod
57
+ - A summary is provided at the end showing successful vs failed codemods
58
+
59
+ ## Cautions and caveats
60
+
61
+ ### Reducing the blast radius of the codemods
62
+
63
+ This running will create a lot of diffs and changes to your components as the traverses the entire directory given.
64
+
65
+ To reduce the scope, consider either running this on component or page directories or running the mode incrementally, ie:
66
+
67
+ `pnpm kaizen-codemod src/pages/MockPage runV1Codemods`
68
+
69
+ This can make it easier to review and merge in changes with confidence.
70
+
71
+ ### Prettier diffs
72
+
73
+ As the codemod will rewrites files, this can cause arbitrary changes that will be resolved by `prettier` formatting. We recommend running the following to reduce the noise in your diffs:
74
+
75
+ `pnpm prettier --write "**/*.tsx"`
@@ -0,0 +1,48 @@
1
+ // @ts-nocheck this is a mock file - we can ignore this
2
+ import React from 'react'
3
+ import {
4
+ BrandMoment,
5
+ Card,
6
+ GlobalNotification,
7
+ GuidanceBlock,
8
+ Informative,
9
+ ProgressBar,
10
+ Well,
11
+ } from '@kaizen/components'
12
+ import { MockSubcomponent } from './subcomponents/MockSubcomponent'
13
+
14
+ export const MockComponent = (): JSX.Element => {
15
+ return (
16
+ <div>
17
+ <GuidanceBlock
18
+ illustration={<Informative alt="" />}
19
+ text={{
20
+ title: 'This is the call to action title',
21
+ description:
22
+ 'Mussum Ipsum, cacilds vidis litro abertis. Suco de cevadiss, é um leite divinis.',
23
+ }}
24
+ actions={{
25
+ primary: { label: 'Action!', onClick: () => undefined },
26
+ secondary: { label: 'Cancel', href: '/cancel' },
27
+ }}
28
+ />
29
+ <BrandMoment mood="positive">
30
+ <div>Success message</div>
31
+ </BrandMoment>
32
+ <Card variant="informative">
33
+ <div>Card content</div>
34
+ </Card>
35
+ <ProgressBar mood="positive" value={75} />
36
+ <Well variant="default">
37
+ <div>Well content</div>
38
+ </Well>
39
+ <GlobalNotification persistent={true} type="positive">
40
+ Global notification content
41
+ </GlobalNotification>
42
+ <div className="additional-content">
43
+ This is some additional content that is not part of the GuidanceBlock.
44
+ <MockSubcomponent />
45
+ </div>
46
+ </div>
47
+ )
48
+ }
@@ -0,0 +1 @@
1
+ export * from './'
@@ -0,0 +1,12 @@
1
+ import React from 'react'
2
+ // @ts-ignore This is a mock component to test codemods
3
+ import { Button } from '@kaizen/components'
4
+
5
+ export const MockSubcomponent = (): JSX.Element => {
6
+ return (
7
+ <div>
8
+ <Button label="Mock Subcomponent Button" onClick={() => undefined} />
9
+ <Button label="Mock Subcomponent Link" href="#link" />
10
+ </div>
11
+ )
12
+ }
@@ -0,0 +1,13 @@
1
+ // @ts-nocheck this is a mock file - we can ignore this
2
+ import React from 'react'
3
+ import { GlobalNotification } from '@kaizen/components'
4
+
5
+ export const MockComponent = (): JSX.Element => {
6
+ return (
7
+ <div>
8
+ <GlobalNotification persistent={true} type="success">
9
+ Global notification content
10
+ </GlobalNotification>
11
+ </div>
12
+ )
13
+ }
@@ -0,0 +1,56 @@
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
+
3
+ exports[`runV1Codemods > MockComponentDir Snapshot Tests > should transform MockComponentDir files and match snapshot 1`] = `
4
+ {
5
+ "MockComponent.tsx": "// @ts-nocheck this is a mock file - we can ignore this
6
+ import React from 'react';
7
+ import { BrandMoment, Card, GlobalNotification, GuidanceBlock, Informative, ProgressBar, Well, LinkButton } from '@kaizen/components';
8
+ import { Button } from "@kaizen/components/next";
9
+ import { MockSubcomponent } from './subcomponents/MockSubcomponent';
10
+
11
+ export const MockComponent = (): JSX.Element => {
12
+ return (<div>
13
+ <GuidanceBlock illustration={<Informative alt=""/>} text={{
14
+ title: 'This is the call to action title',
15
+ description: 'Mussum Ipsum, cacilds vidis litro abertis. Suco de cevadiss, é um leite divinis.',
16
+ }} actionsSlot={<><Button onPress={() => undefined} variant="secondary" size="large">Action!</Button><LinkButton href='/cancel' variant="tertiary" size="large">Cancel</LinkButton></>}/>
17
+ <BrandMoment variant="success">
18
+ <div>Success message</div>
19
+ </BrandMoment>
20
+ <Card color="blue">
21
+ <div>Card content</div>
22
+ </Card>
23
+ <ProgressBar color="green" value={75}/>
24
+ <Well color="gray">
25
+ <div>Well content</div>
26
+ </Well>
27
+ <GlobalNotification persistent={true} variant="success">
28
+ Global notification content
29
+ </GlobalNotification>
30
+ <div className="additional-content">
31
+ This is some additional content that is not part of the GuidanceBlock.
32
+ <MockSubcomponent />
33
+ </div>
34
+ </div>);
35
+ };
36
+
37
+
38
+
39
+
40
+
41
+ ",
42
+ "index.ts": "export * from './'
43
+ ",
44
+ "subcomponents/MockSubcomponent.tsx": "import { Button } from "@kaizen/components/next";
45
+ import { LinkButton } from "@kaizen/components";
46
+ import React from 'react';
47
+
48
+ export const MockSubcomponent = (): JSX.Element => {
49
+ return (<div>
50
+ <Button onPress={() => undefined} variant="secondary" size="large">Mock Subcomponent Button</Button>
51
+ <LinkButton href="#link" variant="secondary" size="large">Mock Subcomponent Link</LinkButton>
52
+ </div>);
53
+ };
54
+ ",
55
+ }
56
+ `;
@@ -0,0 +1,41 @@
1
+ import fs from 'fs'
2
+ import { runV1Codemods } from './runV1Codemods'
3
+
4
+ const run = async (): Promise<void> => {
5
+ console.log(`🚀 Running all V1 codemods in sequence:
6
+ 1. upgradeIconV1
7
+ 2. upgradeV1Buttons
8
+ 3. migrateGuidanceBlockActionsToActionsSlot
9
+ 4. migrateBrandMomentMoodToVariant
10
+ 5. migrateCardVariantToColor
11
+ 6. migrateConfirmationModalMoodsToVariant
12
+ 7. migrateEmptyStateIllustrationTypeToVariant
13
+ 8. migrateGlobalNotificationTypeToVariant
14
+ 9. migrateInformationTileMoodToVariant
15
+ 10. migrateInlineNotificationTypeToVariant
16
+ 11. migrateMultiActionTileMoodToVariant
17
+ 12. migrateNotificationTypeToVariant
18
+ 13. migrateProgressBarMoodToColor
19
+ 14. migrateToastNotificationTypeToVariant
20
+ 15. migrateWellVariantToColor
21
+ 16. removeInputEditModalMood
22
+ 17. removePopoverVariant
23
+ `)
24
+
25
+ const targetDir = process.argv[2]
26
+
27
+ if (!targetDir) {
28
+ throw Error('Error: target directory does not exist')
29
+ }
30
+
31
+ if (fs.existsSync(targetDir) === false) {
32
+ throw Error('Error: target directory does not exist')
33
+ }
34
+
35
+ await runV1Codemods(targetDir)
36
+ }
37
+
38
+ run().catch((error) => {
39
+ console.error('Fatal error running codemods:', error)
40
+ process.exit(1)
41
+ })
@@ -0,0 +1,107 @@
1
+ import fs from 'fs'
2
+ import os from 'os'
3
+ import path from 'path'
4
+ import { vi } from 'vitest'
5
+
6
+ import { runV1Codemods } from './runV1Codemods'
7
+
8
+ const cleanupTestDirectory = (tempDir: string): void => {
9
+ if (fs.existsSync(tempDir)) {
10
+ fs.rmSync(tempDir, { recursive: true, force: true })
11
+ }
12
+ }
13
+
14
+ // Helper to read files from test directory
15
+ const readTestFiles = (tempDir: string): Record<string, string> => {
16
+ const files: Record<string, string> = {}
17
+
18
+ const readDir = (dirPath: string, basePath = ''): void => {
19
+ const items = fs.readdirSync(dirPath)
20
+
21
+ items.forEach((item) => {
22
+ const fullPath = path.join(dirPath, item)
23
+ const relativePath = path.join(basePath, item)
24
+
25
+ if (fs.statSync(fullPath).isDirectory()) {
26
+ readDir(fullPath, relativePath)
27
+ } else if (item.endsWith('.tsx') || item.endsWith('.ts')) {
28
+ files[relativePath] = fs.readFileSync(fullPath, 'utf8')
29
+ }
30
+ })
31
+ }
32
+
33
+ readDir(tempDir)
34
+ return files
35
+ }
36
+
37
+ const copyDirectoryToTemp = (sourceDir: string): string => {
38
+ const tempDir = fs.mkdtempSync(path.join(os.tmpdir(), 'runV1Codemods-snapshot-'))
39
+
40
+ const copyRecursive = (src: string, dest: string): void => {
41
+ const stat = fs.statSync(src)
42
+
43
+ if (stat.isDirectory()) {
44
+ if (!fs.existsSync(dest)) {
45
+ fs.mkdirSync(dest, { recursive: true })
46
+ }
47
+ const items = fs.readdirSync(src)
48
+ items.forEach((item) => {
49
+ copyRecursive(path.join(src, item), path.join(dest, item))
50
+ })
51
+ } else {
52
+ fs.copyFileSync(src, dest)
53
+ }
54
+ }
55
+
56
+ copyRecursive(sourceDir, tempDir)
57
+ return tempDir
58
+ }
59
+
60
+ describe('runV1Codemods', () => {
61
+ describe('MockComponentDir Snapshot Tests', () => {
62
+ it('should transform MockComponentDir files and match snapshot', () => {
63
+ const mockSourceDir = path.resolve(__dirname, '__fixtures__', 'MockComponentDir')
64
+ const tempDir = copyDirectoryToTemp(mockSourceDir)
65
+
66
+ try {
67
+ runV1Codemods(tempDir)
68
+ const transformedFiles = readTestFiles(tempDir)
69
+
70
+ expect(transformedFiles).toMatchSnapshot()
71
+
72
+ expect(transformedFiles['MockComponent.tsx']).toContain('actionsSlot')
73
+ expect(transformedFiles['MockComponent.tsx']).not.toContain('actions={{')
74
+ expect(transformedFiles['MockComponent.tsx']).toContain(
75
+ 'import { Button } from "@kaizen/components/next"',
76
+ )
77
+
78
+ expect(transformedFiles['subcomponents/MockSubcomponent.tsx']).toContain('onPress')
79
+ expect(transformedFiles['subcomponents/MockSubcomponent.tsx']).toContain(
80
+ 'import { Button } from "@kaizen/components/next"',
81
+ )
82
+ } finally {
83
+ cleanupTestDirectory(tempDir)
84
+ }
85
+ })
86
+ })
87
+ describe('MockFailedComponentDir Failed', () => {
88
+ it('should throw an Error and exit on a failed codemod', () => {
89
+ const mockSourceDir = path.resolve(__dirname, '__fixtures__', 'MockFailedComponentDir')
90
+ const tempDir = copyDirectoryToTemp(mockSourceDir)
91
+
92
+ try {
93
+ const exitSpy = vi
94
+ .spyOn(process, 'exit')
95
+ .mockImplementation((code?: string | number | null | undefined) => {
96
+ throw new Error(`process.exit(${code})`)
97
+ })
98
+
99
+ expect(() => runV1Codemods(tempDir)).toThrow('process.exit(1)')
100
+ expect(exitSpy).toHaveBeenCalledWith(1)
101
+ exitSpy.mockRestore()
102
+ } finally {
103
+ cleanupTestDirectory(tempDir)
104
+ }
105
+ })
106
+ })
107
+ })
@@ -0,0 +1,187 @@
1
+ import fs from 'fs'
2
+ import { transformBrandMomentMoodToVariant } from '../migrateBrandMomentMoodToVariant/transformBrandMomentMoodToVariant'
3
+ import { transformCardVariantToColor } from '../migrateCardVariantToColor/transformCardVariantToColor'
4
+ import { transformConfirmationModalMoodsToVariant } from '../migrateConfirmationModalMoodsToVariant/transformConfirmationModalMoodsToVariant'
5
+ import { transformEmptyStateIllustrationTypeToVariant } from '../migrateEmptyStateIllustrationTypeToVariant/transformEmptyStateIllustrationTypeToVariant'
6
+ import { migrateGuidanceBlockActionsToActionsSlot } from '../migrateGuidanceBlockActionsToActionsSlot/migrateGuidanceBlockActionsToActionsSlot'
7
+ import { transformInformationTileMoodToVariant } from '../migrateInformationTileMoodToVariant/transformInformationTileMoodToVariant'
8
+ import { transformMultiActionTileMoodToVariant } from '../migrateMultiActionTileMoodToVariant/transformMultiActionTileMoodToVariant'
9
+ import { transformNotificationTypeToVariant } from '../migrateNotificationTypeToVariant/migrateNotificationTypeToVariant'
10
+ import { transformProgressBarMoodToColor } from '../migrateProgressBarMoodToColor/transformProgressBarMoodToColor'
11
+ import { transformWellVariantToColor } from '../migrateWellVariantToColor/transformWellVariantToColor'
12
+ import { removeInputEditModalMood } from '../removeInputEditModalMood/removeInputEditModalMood'
13
+ import { removePopoverVariant } from '../removePopoverVariant/removePopoverVariant'
14
+ import { upgradeIconV1 } from '../upgradeIconV1/upgradeIconV1'
15
+ import { upgradeV1Buttons } from '../upgradeV1Buttons/upgradeV1Buttons'
16
+ import { transformComponentsInDir, transformComponentsInDirByPattern } from '../utils'
17
+
18
+ interface CodemodConfig {
19
+ name: string
20
+ runner: (targetDir: string) => void
21
+ }
22
+
23
+ const codemods: CodemodConfig[] = [
24
+ {
25
+ name: 'upgradeIconV1',
26
+ runner: (dir) => {
27
+ transformComponentsInDirByPattern(dir, 'Icon$', (tagNames) => [upgradeIconV1(tagNames)])
28
+ },
29
+ },
30
+ {
31
+ name: 'upgradeV1Buttons',
32
+ runner: (dir) => {
33
+ transformComponentsInDir(dir, ['IconButton', 'Button'], (tagNames) => [
34
+ upgradeV1Buttons(tagNames),
35
+ ])
36
+ },
37
+ },
38
+ {
39
+ name: 'migrateGuidanceBlockActionsToActionsSlot',
40
+ runner: (dir) => {
41
+ transformComponentsInDir(dir, ['GuidanceBlock'], (tagNames) => [
42
+ migrateGuidanceBlockActionsToActionsSlot(tagNames),
43
+ ])
44
+ },
45
+ },
46
+ {
47
+ name: 'migrateBrandMomentMoodToVariant',
48
+ runner: (dir) => {
49
+ transformComponentsInDir(dir, ['BrandMoment'], (tagNames) => [
50
+ transformBrandMomentMoodToVariant(tagNames),
51
+ ])
52
+ },
53
+ },
54
+ {
55
+ name: 'migrateCardVariantToColor',
56
+ runner: (dir) => {
57
+ transformComponentsInDir(dir, ['Card'], (tagNames) => [transformCardVariantToColor(tagNames)])
58
+ },
59
+ },
60
+ {
61
+ name: 'migrateConfirmationModalMoodsToVariant',
62
+ runner: (dir) => {
63
+ transformComponentsInDir(dir, ['ConfirmationModal'], (tagNames) => [
64
+ transformConfirmationModalMoodsToVariant(tagNames),
65
+ ])
66
+ },
67
+ },
68
+ {
69
+ name: 'migrateEmptyStateIllustrationTypeToVariant',
70
+ runner: (dir) => {
71
+ transformComponentsInDir(dir, ['EmptyState'], (tagNames) => [
72
+ transformEmptyStateIllustrationTypeToVariant(tagNames),
73
+ ])
74
+ },
75
+ },
76
+ {
77
+ name: 'migrateGlobalNotificationTypeToVariant',
78
+ runner: (dir) => {
79
+ transformComponentsInDir(dir, ['GlobalNotification'], (tagNames) => [
80
+ transformNotificationTypeToVariant(tagNames),
81
+ ])
82
+ },
83
+ },
84
+ {
85
+ name: 'migrateInformationTileMoodToVariant',
86
+ runner: (dir) => {
87
+ transformComponentsInDir(dir, ['InformationTile'], (tagNames) => [
88
+ transformInformationTileMoodToVariant(tagNames),
89
+ ])
90
+ },
91
+ },
92
+ {
93
+ name: 'migrateInlineNotificationTypeToVariant',
94
+ runner: (dir) => {
95
+ transformComponentsInDir(dir, ['InlineNotification'], (tagNames) => [
96
+ transformNotificationTypeToVariant(tagNames),
97
+ ])
98
+ },
99
+ },
100
+ {
101
+ name: 'migrateMultiActionTileMoodToVariant',
102
+ runner: (dir) => {
103
+ transformComponentsInDir(dir, ['MultiActionTile'], (tagNames) => [
104
+ transformMultiActionTileMoodToVariant(tagNames),
105
+ ])
106
+ },
107
+ },
108
+ {
109
+ name: 'migrateNotificationTypeToVariant',
110
+ runner: (dir) => {
111
+ transformComponentsInDir(dir, ['Notification'], (tagNames) => [
112
+ transformNotificationTypeToVariant(tagNames),
113
+ ])
114
+ },
115
+ },
116
+ {
117
+ name: 'migrateProgressBarMoodToColor',
118
+ runner: (dir) => {
119
+ transformComponentsInDir(dir, ['ProgressBar'], (tagNames) => [
120
+ transformProgressBarMoodToColor(tagNames),
121
+ ])
122
+ },
123
+ },
124
+ {
125
+ name: 'migrateToastNotificationTypeToVariant',
126
+ runner: (dir) => {
127
+ transformComponentsInDir(dir, ['ToastNotification'], (tagNames) => [
128
+ transformNotificationTypeToVariant(tagNames),
129
+ ])
130
+ },
131
+ },
132
+ {
133
+ name: 'migrateWellVariantToColor',
134
+ runner: (dir) => {
135
+ transformComponentsInDir(dir, ['Well'], (tagNames) => [transformWellVariantToColor(tagNames)])
136
+ },
137
+ },
138
+ {
139
+ name: 'removeInputEditModalMood',
140
+ runner: (dir) => {
141
+ transformComponentsInDir(dir, ['InputEditModal'], (tagNames) => [
142
+ removeInputEditModalMood(tagNames),
143
+ ])
144
+ },
145
+ },
146
+ {
147
+ name: 'removePopoverVariant',
148
+ runner: (dir) => {
149
+ transformComponentsInDir(dir, ['Popover'], (tagNames) => [removePopoverVariant(tagNames)])
150
+ },
151
+ },
152
+ ]
153
+
154
+ export const runV1Codemods = (targetDir: string): void => {
155
+ console.log(`📝 Running ${codemods.length} codemods on directory: ${targetDir}`)
156
+ console.log('')
157
+
158
+ if (fs.existsSync(targetDir) === false) {
159
+ console.error(`Error: Target directory "${targetDir}" does not exist`)
160
+ process.exit(1)
161
+ }
162
+
163
+ let successCount = 0
164
+
165
+ for (const codemod of codemods) {
166
+ try {
167
+ console.log(`🔄 Starting codemod: ${codemod.name}`)
168
+ codemod.runner(targetDir)
169
+ console.log(`✅ Completed codemod: ${codemod.name}`)
170
+ successCount++
171
+ } catch (error) {
172
+ console.log(`💥 Error in codemod: ${codemod.name} - exiting early
173
+
174
+ ✅ ${successCount} codemods completed successfully
175
+ 😢 ${codemods.length - successCount} codemods did not run
176
+ Address the issues in the following codemod before proceeding:
177
+ `)
178
+
179
+ console.error(`${codemod.name}\n`)
180
+ console.error(error)
181
+ process.exit(1)
182
+ }
183
+ console.log('')
184
+ }
185
+
186
+ console.log('\n🎉 All codemods completed successfully!')
187
+ }
@@ -808,6 +808,7 @@ exports.HrisImport = Spot.HrisImport;
808
808
  exports.InclusionSurvey = Spot.InclusionSurvey;
809
809
  exports.Individual180 = Spot.Individual180;
810
810
  exports.Individual360 = Spot.Individual360;
811
+ exports.Individual360Pulse = Spot.Individual360Pulse;
811
812
  exports.InfluentialCommunication = Spot.InfluentialCommunication;
812
813
  exports.Informative = Spot.Informative;
813
814
  exports.Insights = Spot.Insights;
@@ -822,6 +823,7 @@ exports.LearnFasterThroughFeedback = Spot.LearnFasterThroughFeedback;
822
823
  exports.London = Spot.London;
823
824
  exports.Manager180 = Spot.Manager180;
824
825
  exports.Manager360 = Spot.Manager360;
826
+ exports.Manager360Pulse = Spot.Manager360Pulse;
825
827
  exports.ManagerLearning = Spot.ManagerLearning;
826
828
  exports.ManagerReportSharing = Spot.ManagerReportSharing;
827
829
  exports.MeetingVoices = Spot.MeetingVoices;
@@ -869,6 +871,7 @@ exports.Team1 = Spot.Team1;
869
871
  exports.Team2 = Spot.Team2;
870
872
  exports.TeamEffectiveness1 = Spot.TeamEffectiveness1;
871
873
  exports.TeamEffectiveness2 = Spot.TeamEffectiveness2;
874
+ exports.TeamEffectiveness3 = Spot.TeamEffectiveness3;
872
875
  exports.Templates = Spot.Templates;
873
876
  exports.Timezone = Spot.Timezone;
874
877
  exports.TrafficCone = Spot.TrafficCone;
@@ -105,10 +105,14 @@ var ReOnboarding = createSpotIllustration("template-library-re-onboarding.svg");
105
105
  /* prettier-ignore */
106
106
  var Individual360 = createSpotIllustration("template-library-individual-360.svg");
107
107
  /* prettier-ignore */
108
+ var Individual360Pulse = createSpotIllustration("template-library-individual-360-pulse.svg");
109
+ /* prettier-ignore */
108
110
  var Leadership360 = createSpotIllustration("template-library-leadership-360.svg");
109
111
  /* prettier-ignore */
110
112
  var Manager360 = createSpotIllustration("template-library-manager-360.svg");
111
113
  /* prettier-ignore */
114
+ var Manager360Pulse = createSpotIllustration("template-library-manager-360-pulse.svg");
115
+ /* prettier-ignore */
112
116
  var Individual180 = createSpotIllustration("template-library-individual-180.svg");
113
117
  /* prettier-ignore */
114
118
  var Leadership180 = createSpotIllustration("template-library-leadership-180.svg");
@@ -118,6 +122,8 @@ var Manager180 = createSpotIllustration("template-library-manager-180.svg");
118
122
  var TeamEffectiveness1 = createSpotIllustration("template-library-team-effectiveness-1.svg");
119
123
  /* prettier-ignore */
120
124
  var TeamEffectiveness2 = createSpotIllustration("template-library-team-effectiveness-2.svg");
125
+ /* prettier-ignore */
126
+ var TeamEffectiveness3 = createSpotIllustration("template-library-team-effectiveness-3.svg");
121
127
  /**
122
128
  * Offices
123
129
  */
@@ -366,6 +372,7 @@ exports.HrisImport = HrisImport;
366
372
  exports.InclusionSurvey = InclusionSurvey;
367
373
  exports.Individual180 = Individual180;
368
374
  exports.Individual360 = Individual360;
375
+ exports.Individual360Pulse = Individual360Pulse;
369
376
  exports.InfluentialCommunication = InfluentialCommunication;
370
377
  exports.Informative = Informative;
371
378
  exports.Insights = Insights;
@@ -380,6 +387,7 @@ exports.LearnFasterThroughFeedback = LearnFasterThroughFeedback;
380
387
  exports.London = London;
381
388
  exports.Manager180 = Manager180;
382
389
  exports.Manager360 = Manager360;
390
+ exports.Manager360Pulse = Manager360Pulse;
383
391
  exports.ManagerLearning = ManagerLearning;
384
392
  exports.ManagerReportSharing = ManagerReportSharing;
385
393
  exports.MeetingVoices = MeetingVoices;
@@ -427,6 +435,7 @@ exports.Team1 = Team1;
427
435
  exports.Team2 = Team2;
428
436
  exports.TeamEffectiveness1 = TeamEffectiveness1;
429
437
  exports.TeamEffectiveness2 = TeamEffectiveness2;
438
+ exports.TeamEffectiveness3 = TeamEffectiveness3;
430
439
  exports.Templates = Templates;
431
440
  exports.Timezone = Timezone;
432
441
  exports.TrafficCone = TrafficCone;
@@ -808,6 +808,7 @@ exports.HrisImport = Spot.HrisImport;
808
808
  exports.InclusionSurvey = Spot.InclusionSurvey;
809
809
  exports.Individual180 = Spot.Individual180;
810
810
  exports.Individual360 = Spot.Individual360;
811
+ exports.Individual360Pulse = Spot.Individual360Pulse;
811
812
  exports.InfluentialCommunication = Spot.InfluentialCommunication;
812
813
  exports.Informative = Spot.Informative;
813
814
  exports.Insights = Spot.Insights;
@@ -822,6 +823,7 @@ exports.LearnFasterThroughFeedback = Spot.LearnFasterThroughFeedback;
822
823
  exports.London = Spot.London;
823
824
  exports.Manager180 = Spot.Manager180;
824
825
  exports.Manager360 = Spot.Manager360;
826
+ exports.Manager360Pulse = Spot.Manager360Pulse;
825
827
  exports.ManagerLearning = Spot.ManagerLearning;
826
828
  exports.ManagerReportSharing = Spot.ManagerReportSharing;
827
829
  exports.MeetingVoices = Spot.MeetingVoices;
@@ -869,6 +871,7 @@ exports.Team1 = Spot.Team1;
869
871
  exports.Team2 = Spot.Team2;
870
872
  exports.TeamEffectiveness1 = Spot.TeamEffectiveness1;
871
873
  exports.TeamEffectiveness2 = Spot.TeamEffectiveness2;
874
+ exports.TeamEffectiveness3 = Spot.TeamEffectiveness3;
872
875
  exports.Templates = Spot.Templates;
873
876
  exports.Timezone = Spot.Timezone;
874
877
  exports.TrafficCone = Spot.TrafficCone;
@@ -306,7 +306,7 @@ export { VisibleIcon } from './src/Icon/VisibleIcon.mjs';
306
306
  export { WritingIcon } from './src/Icon/WritingIcon.mjs';
307
307
  export { ZoomInIcon } from './src/Icon/ZoomInIcon.mjs';
308
308
  export { ZoomOutIcon } from './src/Icon/ZoomOutIcon.mjs';
309
- export { AccountBasics, Action, ActionPlans, AddImage, AddUser, Alarm, AmplifyOthers, Assertive, BCorp, BaselineSurvey, Behaviour, BenefitsSurvey, BlankSurvey, CalendarSync, CandidateSurvey, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, Coaching, Communications, Community, Company, CompanyDetails, Conversations, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DataVisualization, EmergencyResponse, EmployeeData, EndOfProbation, EngagementSurvey, EssentialProductivity, EssentialResilience, ExecutiveReportSharing, ExitSurvey, FastAction, Feedback, Fire, Fireworks, FullImport, Gdpr, GeneralOnboardSurvey, Goals, HaveTheCourageToBeVulnerable, HealthAndSafety, HrisImport, InclusionSurvey, Individual180, Individual360, InfluentialCommunication, Informative, Insights, InternSurvey, LeaderReportSharing, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, London, Manager180, Manager360, ManagerLearning, ManagerReportSharing, MeetingVoices, Melbourne, Microphone, Negative, NewWaysOfWorking, NewYork, Objective, OneOnOne, PaperPen, PartialImport, PerformanceDiagnostics, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, Positive, PowerfulInsights, Privacy, Process, Productivity, PulseSurvey, QuickEngagementSurvey, ReOnboarding, ReadArticle, Recommendation, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, ReportSharing, Resilience, Resources, Response, ReturnToWorkplace, SanFrancisco, ScienceBackedTools, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SpreadsheetTemplate, Starburst, Stop, Strategy, TakeAim, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, Templates, Timezone, TrafficCone, Training1, Training2, Training3, Trophy, TrustOthersToMakeDecisions, UnderConstruction, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workshop } from './src/Illustration/Spot/Spot.mjs';
309
+ export { AccountBasics, Action, ActionPlans, AddImage, AddUser, Alarm, AmplifyOthers, Assertive, BCorp, BaselineSurvey, Behaviour, BenefitsSurvey, BlankSurvey, CalendarSync, CandidateSurvey, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, Coaching, Communications, Community, Company, CompanyDetails, Conversations, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DataVisualization, EmergencyResponse, EmployeeData, EndOfProbation, EngagementSurvey, EssentialProductivity, EssentialResilience, ExecutiveReportSharing, ExitSurvey, FastAction, Feedback, Fire, Fireworks, FullImport, Gdpr, GeneralOnboardSurvey, Goals, HaveTheCourageToBeVulnerable, HealthAndSafety, HrisImport, InclusionSurvey, Individual180, Individual360, Individual360Pulse, InfluentialCommunication, Informative, Insights, InternSurvey, LeaderReportSharing, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, London, Manager180, Manager360, Manager360Pulse, ManagerLearning, ManagerReportSharing, MeetingVoices, Melbourne, Microphone, Negative, NewWaysOfWorking, NewYork, Objective, OneOnOne, PaperPen, PartialImport, PerformanceDiagnostics, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, Positive, PowerfulInsights, Privacy, Process, Productivity, PulseSurvey, QuickEngagementSurvey, ReOnboarding, ReadArticle, Recommendation, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, ReportSharing, Resilience, Resources, Response, ReturnToWorkplace, SanFrancisco, ScienceBackedTools, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SpreadsheetTemplate, Starburst, Stop, Strategy, TakeAim, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TeamEffectiveness3, Templates, Timezone, TrafficCone, Training1, Training2, Training3, Trophy, TrustOthersToMakeDecisions, UnderConstruction, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workshop } from './src/Illustration/Spot/Spot.mjs';
310
310
  export { BrandMomentCaptureIntro } from './src/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs';
311
311
  export { BrandMomentError, BrandMomentLogin, BrandMomentNewAccountOnboarding, BrandMomentPositiveOutro, BrandMomentStarterKit, BrandMomentUploadEmployeeData, Collaboration, Communication, CompanyValues, ConnectTheDots, CultureLab, EmptyStatesAction, EmptyStatesInformative, EmptyStatesNegative, EmptyStatesNeutral, EmptyStatesPositive, EngagementSurveySummaryFemale, EngagementSurveySummaryMale, Information360Upgrade, InformationDemographicFocus, InformationEmergingTrends, InformationEmployeeLifecycle, InformationReportOwner, InformationReportOwnerByRule, InformationTurnoverCalculator, InformationTurnoverForecast, PerformanceCompanySettings, Programs, SkillsCoach1On1Meetings, SkillsCoachCoaching, SkillsCoachEmployeeDevelopment, SkillsCoachEssentialFeedback, SkillsCoachEssentialProductivity, SkillsCoachEssentialResilience, SkillsCoachFeedback, SkillsCoachInfluentialCommunication, SkillsCoachLeadingChange, SkillsCoachManagerHub, SkillsCoachProductivity, SkillsCoachRemoteManager, SkillsCoachResilience, SkillsCoachStrategy, SurveyGetStarted, SurveyOverviewClosed, TermsAgreement } from './src/Illustration/Scene/Scene.mjs';
312
312
  export { Input } from './src/Input/Input/Input.mjs';
@@ -97,10 +97,14 @@ var ReOnboarding = createSpotIllustration("template-library-re-onboarding.svg");
97
97
  /* prettier-ignore */
98
98
  var Individual360 = createSpotIllustration("template-library-individual-360.svg");
99
99
  /* prettier-ignore */
100
+ var Individual360Pulse = createSpotIllustration("template-library-individual-360-pulse.svg");
101
+ /* prettier-ignore */
100
102
  var Leadership360 = createSpotIllustration("template-library-leadership-360.svg");
101
103
  /* prettier-ignore */
102
104
  var Manager360 = createSpotIllustration("template-library-manager-360.svg");
103
105
  /* prettier-ignore */
106
+ var Manager360Pulse = createSpotIllustration("template-library-manager-360-pulse.svg");
107
+ /* prettier-ignore */
104
108
  var Individual180 = createSpotIllustration("template-library-individual-180.svg");
105
109
  /* prettier-ignore */
106
110
  var Leadership180 = createSpotIllustration("template-library-leadership-180.svg");
@@ -110,6 +114,8 @@ var Manager180 = createSpotIllustration("template-library-manager-180.svg");
110
114
  var TeamEffectiveness1 = createSpotIllustration("template-library-team-effectiveness-1.svg");
111
115
  /* prettier-ignore */
112
116
  var TeamEffectiveness2 = createSpotIllustration("template-library-team-effectiveness-2.svg");
117
+ /* prettier-ignore */
118
+ var TeamEffectiveness3 = createSpotIllustration("template-library-team-effectiveness-3.svg");
113
119
  /**
114
120
  * Offices
115
121
  */
@@ -307,4 +313,4 @@ var Recommendation = createSpotIllustration("miscellaneous-recommendation.svg");
307
313
  var Objective = createSpotIllustration("miscellaneous-objective.svg");
308
314
  /* prettier-ignore */
309
315
  var CalendarSync = createSpotIllustration("miscellaneous-calendar-sync.svg");
310
- export { AccountBasics, Action, ActionPlans, AddImage, AddUser, Alarm, AmplifyOthers, Assertive, BCorp, BaselineSurvey, Behaviour, BenefitsSurvey, BlankSurvey, CalendarSync, CandidateSurvey, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, Coaching, Communications, Community, Company, CompanyDetails, Conversations, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DataVisualization, EmergencyResponse, EmployeeData, EndOfProbation, EngagementSurvey, EssentialProductivity, EssentialResilience, ExecutiveReportSharing, ExitSurvey, FastAction, Feedback, Fire, Fireworks, FullImport, Gdpr, GeneralOnboardSurvey, Goals, HaveTheCourageToBeVulnerable, HealthAndSafety, HrisImport, InclusionSurvey, Individual180, Individual360, InfluentialCommunication, Informative, Insights, InternSurvey, LeaderReportSharing, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, London, Manager180, Manager360, ManagerLearning, ManagerReportSharing, MeetingVoices, Melbourne, Microphone, Negative, NewWaysOfWorking, NewYork, Objective, OneOnOne, PaperPen, PartialImport, PerformanceDiagnostics, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, Positive, PowerfulInsights, Privacy, Process, Productivity, PulseSurvey, QuickEngagementSurvey, ReOnboarding, ReadArticle, Recommendation, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, ReportSharing, Resilience, Resources, Response, ReturnToWorkplace, SanFrancisco, ScienceBackedTools, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SpreadsheetTemplate, Starburst, Stop, Strategy, TakeAim, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, Templates, Timezone, TrafficCone, Training1, Training2, Training3, Trophy, TrustOthersToMakeDecisions, UnderConstruction, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workshop };
316
+ export { AccountBasics, Action, ActionPlans, AddImage, AddUser, Alarm, AmplifyOthers, Assertive, BCorp, BaselineSurvey, Behaviour, BenefitsSurvey, BlankSurvey, CalendarSync, CandidateSurvey, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, Coaching, Communications, Community, Company, CompanyDetails, Conversations, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DataVisualization, EmergencyResponse, EmployeeData, EndOfProbation, EngagementSurvey, EssentialProductivity, EssentialResilience, ExecutiveReportSharing, ExitSurvey, FastAction, Feedback, Fire, Fireworks, FullImport, Gdpr, GeneralOnboardSurvey, Goals, HaveTheCourageToBeVulnerable, HealthAndSafety, HrisImport, InclusionSurvey, Individual180, Individual360, Individual360Pulse, InfluentialCommunication, Informative, Insights, InternSurvey, LeaderReportSharing, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, London, Manager180, Manager360, Manager360Pulse, ManagerLearning, ManagerReportSharing, MeetingVoices, Melbourne, Microphone, Negative, NewWaysOfWorking, NewYork, Objective, OneOnOne, PaperPen, PartialImport, PerformanceDiagnostics, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, Positive, PowerfulInsights, Privacy, Process, Productivity, PulseSurvey, QuickEngagementSurvey, ReOnboarding, ReadArticle, Recommendation, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, ReportSharing, Resilience, Resources, Response, ReturnToWorkplace, SanFrancisco, ScienceBackedTools, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SpreadsheetTemplate, Starburst, Stop, Strategy, TakeAim, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TeamEffectiveness3, Templates, Timezone, TrafficCone, Training1, Training2, Training3, Trophy, TrustOthersToMakeDecisions, UnderConstruction, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workshop };
@@ -306,7 +306,7 @@ export { VisibleIcon } from './src/Icon/VisibleIcon.mjs';
306
306
  export { WritingIcon } from './src/Icon/WritingIcon.mjs';
307
307
  export { ZoomInIcon } from './src/Icon/ZoomInIcon.mjs';
308
308
  export { ZoomOutIcon } from './src/Icon/ZoomOutIcon.mjs';
309
- export { AccountBasics, Action, ActionPlans, AddImage, AddUser, Alarm, AmplifyOthers, Assertive, BCorp, BaselineSurvey, Behaviour, BenefitsSurvey, BlankSurvey, CalendarSync, CandidateSurvey, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, Coaching, Communications, Community, Company, CompanyDetails, Conversations, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DataVisualization, EmergencyResponse, EmployeeData, EndOfProbation, EngagementSurvey, EssentialProductivity, EssentialResilience, ExecutiveReportSharing, ExitSurvey, FastAction, Feedback, Fire, Fireworks, FullImport, Gdpr, GeneralOnboardSurvey, Goals, HaveTheCourageToBeVulnerable, HealthAndSafety, HrisImport, InclusionSurvey, Individual180, Individual360, InfluentialCommunication, Informative, Insights, InternSurvey, LeaderReportSharing, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, London, Manager180, Manager360, ManagerLearning, ManagerReportSharing, MeetingVoices, Melbourne, Microphone, Negative, NewWaysOfWorking, NewYork, Objective, OneOnOne, PaperPen, PartialImport, PerformanceDiagnostics, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, Positive, PowerfulInsights, Privacy, Process, Productivity, PulseSurvey, QuickEngagementSurvey, ReOnboarding, ReadArticle, Recommendation, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, ReportSharing, Resilience, Resources, Response, ReturnToWorkplace, SanFrancisco, ScienceBackedTools, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SpreadsheetTemplate, Starburst, Stop, Strategy, TakeAim, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, Templates, Timezone, TrafficCone, Training1, Training2, Training3, Trophy, TrustOthersToMakeDecisions, UnderConstruction, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workshop } from './src/Illustration/Spot/Spot.mjs';
309
+ export { AccountBasics, Action, ActionPlans, AddImage, AddUser, Alarm, AmplifyOthers, Assertive, BCorp, BaselineSurvey, Behaviour, BenefitsSurvey, BlankSurvey, CalendarSync, CandidateSurvey, Cautionary, ChangeAgents, ChangeReadiness, ChangeSuccess, Coaching, Communications, Community, Company, CompanyDetails, Conversations, CustomOnboardSurvey, CustomSurvey, CustomUnattributedSurvey, DataVisualization, EmergencyResponse, EmployeeData, EndOfProbation, EngagementSurvey, EssentialProductivity, EssentialResilience, ExecutiveReportSharing, ExitSurvey, FastAction, Feedback, Fire, Fireworks, FullImport, Gdpr, GeneralOnboardSurvey, Goals, HaveTheCourageToBeVulnerable, HealthAndSafety, HrisImport, InclusionSurvey, Individual180, Individual360, Individual360Pulse, InfluentialCommunication, Informative, Insights, InternSurvey, LeaderReportSharing, Leadership180, Leadership360, LeadingChange, LeadingThroughCrisis, Learn, LearnFasterThroughFeedback, London, Manager180, Manager360, Manager360Pulse, ManagerLearning, ManagerReportSharing, MeetingVoices, Melbourne, Microphone, Negative, NewWaysOfWorking, NewYork, Objective, OneOnOne, PaperPen, PartialImport, PerformanceDiagnostics, PhasedWeek1OnboardSurvey, PhasedWeek5OnboardSurvey, Positive, PowerfulInsights, Privacy, Process, Productivity, PulseSurvey, QuickEngagementSurvey, ReOnboarding, ReadArticle, Recommendation, RemoteManager, RemoteOnboardSurvey, RemoteWorkQSet, ReportSharing, Resilience, Resources, Response, ReturnToWorkplace, SanFrancisco, ScienceBackedTools, ShareReport, SinglePointOnboardSurvey, SkillsDevelopment, SpreadsheetTemplate, Starburst, Stop, Strategy, TakeAim, Team1, Team2, TeamEffectiveness1, TeamEffectiveness2, TeamEffectiveness3, Templates, Timezone, TrafficCone, Training1, Training2, Training3, Trophy, TrustOthersToMakeDecisions, UnderConstruction, ValueAdd, ValuesSurvey1, ValuesSurvey2, Video, ViewReports, WellbeingSurvey, WellbeingSurvey1, WellbeingSurvey2, WellbeingSurvey3, Workshop } from './src/Illustration/Spot/Spot.mjs';
310
310
  export { BrandMomentCaptureIntro } from './src/Illustration/Scene/BrandMomentCaptureIntro/BrandMomentCaptureIntro.mjs';
311
311
  export { BrandMomentError, BrandMomentLogin, BrandMomentNewAccountOnboarding, BrandMomentPositiveOutro, BrandMomentStarterKit, BrandMomentUploadEmployeeData, Collaboration, Communication, CompanyValues, ConnectTheDots, CultureLab, EmptyStatesAction, EmptyStatesInformative, EmptyStatesNegative, EmptyStatesNeutral, EmptyStatesPositive, EngagementSurveySummaryFemale, EngagementSurveySummaryMale, Information360Upgrade, InformationDemographicFocus, InformationEmergingTrends, InformationEmployeeLifecycle, InformationReportOwner, InformationReportOwnerByRule, InformationTurnoverCalculator, InformationTurnoverForecast, PerformanceCompanySettings, Programs, SkillsCoach1On1Meetings, SkillsCoachCoaching, SkillsCoachEmployeeDevelopment, SkillsCoachEssentialFeedback, SkillsCoachEssentialProductivity, SkillsCoachEssentialResilience, SkillsCoachFeedback, SkillsCoachInfluentialCommunication, SkillsCoachLeadingChange, SkillsCoachManagerHub, SkillsCoachProductivity, SkillsCoachRemoteManager, SkillsCoachResilience, SkillsCoachStrategy, SurveyGetStarted, SurveyOverviewClosed, TermsAgreement } from './src/Illustration/Scene/Scene.mjs';
312
312
  export { Input } from './src/Input/Input/Input.mjs';
package/dist/styles.css CHANGED
@@ -1,8 +1,11 @@
1
1
  @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}}
2
2
  @layer kz-components {
3
- .List-module_list__bbFPn {
4
- display: flex;
5
- flex-direction: column;
3
+ .ListSection-module_listSectionHeader__bptHg {
4
+ font-family: var(--typography-heading-5-font-family);
5
+ font-weight: var(--typography-heading-5-font-weight);
6
+ font-size: var(--typography-heading-5-font-size);
7
+ line-height: var(--typography-heading-5-line-height);
8
+ letter-spacing: var(--typography-heading-5-letter-spacing);
6
9
  }
7
10
  }
8
11
 
@@ -23,6 +26,13 @@
23
26
  }
24
27
  }
25
28
 
29
+ @layer kz-components {
30
+ .List-module_list__bbFPn {
31
+ display: flex;
32
+ flex-direction: column;
33
+ }
34
+ }
35
+
26
36
  @layer kz-components {
27
37
  .Trigger-module_button__giSqA {
28
38
  anchor-name: var(--anchor-name);
@@ -68,16 +78,6 @@
68
78
  }
69
79
  }
70
80
 
71
- @layer kz-components {
72
- .ListSection-module_listSectionHeader__bptHg {
73
- font-family: var(--typography-heading-5-font-family);
74
- font-weight: var(--typography-heading-5-font-weight);
75
- font-size: var(--typography-heading-5-font-size);
76
- line-height: var(--typography-heading-5-line-height);
77
- letter-spacing: var(--typography-heading-5-letter-spacing);
78
- }
79
- }
80
-
81
81
  @layer kz-components {
82
82
  /*
83
83
  * This is taken from the Material Symbols CDN
@@ -49,13 +49,16 @@ export declare const ReOnboarding: ({ enableAspectRatio, ...restProps }: SpotPro
49
49
  * Template Library / Performance
50
50
  */
51
51
  export declare const Individual360: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
52
+ export declare const Individual360Pulse: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
52
53
  export declare const Leadership360: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
53
54
  export declare const Manager360: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
55
+ export declare const Manager360Pulse: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
54
56
  export declare const Individual180: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
55
57
  export declare const Leadership180: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
56
58
  export declare const Manager180: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
57
59
  export declare const TeamEffectiveness1: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
58
60
  export declare const TeamEffectiveness2: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
61
+ export declare const TeamEffectiveness3: ({ enableAspectRatio, ...restProps }: SpotProps) => JSX.Element;
59
62
  /**
60
63
  * Offices
61
64
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kaizen/components",
3
- "version": "1.80.5",
3
+ "version": "1.81.0",
4
4
  "description": "Kaizen component library",
5
5
  "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
6
6
  "homepage": "https://cultureamp.design",
@@ -67,13 +67,16 @@ const createSpotIllustration =
67
67
  * Template Library / Performance
68
68
  */
69
69
  /* prettier-ignore */ export const Individual360 = createSpotIllustration("template-library-individual-360.svg")
70
+ /* prettier-ignore */ export const Individual360Pulse = createSpotIllustration("template-library-individual-360-pulse.svg")
70
71
  /* prettier-ignore */ export const Leadership360 = createSpotIllustration("template-library-leadership-360.svg")
71
72
  /* prettier-ignore */ export const Manager360 = createSpotIllustration("template-library-manager-360.svg")
73
+ /* prettier-ignore */ export const Manager360Pulse = createSpotIllustration("template-library-manager-360-pulse.svg")
72
74
  /* prettier-ignore */ export const Individual180 = createSpotIllustration("template-library-individual-180.svg")
73
75
  /* prettier-ignore */ export const Leadership180 = createSpotIllustration("template-library-leadership-180.svg")
74
76
  /* prettier-ignore */ export const Manager180 = createSpotIllustration("template-library-manager-180.svg")
75
77
  /* prettier-ignore */ export const TeamEffectiveness1 = createSpotIllustration("template-library-team-effectiveness-1.svg")
76
78
  /* prettier-ignore */ export const TeamEffectiveness2 = createSpotIllustration("template-library-team-effectiveness-2.svg")
79
+ /* prettier-ignore */ export const TeamEffectiveness3 = createSpotIllustration("template-library-team-effectiveness-3.svg")
77
80
 
78
81
  /**
79
82
  * Offices
@@ -54,6 +54,7 @@ import {
54
54
  InclusionSurvey,
55
55
  Individual180,
56
56
  Individual360,
57
+ Individual360Pulse,
57
58
  InfluentialCommunication,
58
59
  Informative,
59
60
  Insights,
@@ -67,6 +68,7 @@ import {
67
68
  London,
68
69
  Manager180,
69
70
  Manager360,
71
+ Manager360Pulse,
70
72
  ManagerLearning,
71
73
  ManagerReportSharing,
72
74
  MeetingVoices,
@@ -113,6 +115,7 @@ import {
113
115
  Team2,
114
116
  TeamEffectiveness1,
115
117
  TeamEffectiveness2,
118
+ TeamEffectiveness3,
116
119
  Templates,
117
120
  Timezone,
118
121
  TrafficCone,
@@ -269,6 +272,10 @@ const performanceSpots = [
269
272
  Component: Individual360,
270
273
  name: 'Individual360',
271
274
  },
275
+ {
276
+ Component: Individual360Pulse,
277
+ name: 'Individual360Pulse',
278
+ },
272
279
  {
273
280
  Component: Leadership360,
274
281
  name: 'Leadership360',
@@ -277,6 +284,10 @@ const performanceSpots = [
277
284
  Component: Manager360,
278
285
  name: 'Manager360',
279
286
  },
287
+ {
288
+ Component: Manager360Pulse,
289
+ name: 'Manager360Pulse',
290
+ },
280
291
  {
281
292
  Component: Individual180,
282
293
  name: 'Individual180',
@@ -297,6 +308,10 @@ const performanceSpots = [
297
308
  Component: TeamEffectiveness2,
298
309
  name: 'TeamEffectiveness2',
299
310
  },
311
+ {
312
+ Component: TeamEffectiveness3,
313
+ name: 'TeamEffectiveness3',
314
+ },
300
315
  ]
301
316
 
302
317
  const covidSpots = [