@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.
- package/codemods/README.md +6 -0
- package/codemods/migrateV2NextToCurrent/migrateV2NextToCurrent.spec.ts +7 -5
- package/codemods/migrateV2NextToCurrent/migrateV2NextToCurrent.ts +2 -2
- package/codemods/runV1Codemods/README.md +75 -0
- package/codemods/runV1Codemods/__fixtures__/MockComponentDir/MockComponent.tsx +48 -0
- package/codemods/runV1Codemods/__fixtures__/MockComponentDir/index.ts +1 -0
- package/codemods/runV1Codemods/__fixtures__/MockComponentDir/subcomponents/MockSubcomponent.tsx +12 -0
- package/codemods/runV1Codemods/__fixtures__/MockFailedComponentDir/MockComponent.tsx +13 -0
- package/codemods/runV1Codemods/__fixtures__/MockFailedComponentDir/index.ts +1 -0
- package/codemods/runV1Codemods/__snapshots__/runV1Codemods.spec.ts.snap +56 -0
- package/codemods/runV1Codemods/index.ts +41 -0
- package/codemods/runV1Codemods/runV1Codemods.spec.ts +107 -0
- package/codemods/runV1Codemods/runV1Codemods.ts +187 -0
- package/dist/cjs/index.cjs +3 -0
- package/dist/cjs/src/Illustration/Spot/Spot.cjs +9 -0
- package/dist/cjs/utilitiesV3.cjs +3 -0
- package/dist/esm/index.mjs +1 -1
- package/dist/esm/src/Illustration/Spot/Spot.mjs +7 -1
- package/dist/esm/utilitiesV3.mjs +1 -1
- package/dist/styles.css +13 -13
- package/dist/types/Illustration/Spot/Spot.d.ts +3 -0
- package/package.json +1 -1
- package/src/Illustration/Spot/Spot.tsx +3 -0
- package/src/Illustration/Spot/_docs/Spot.stickersheet.stories.tsx +15 -0
package/codemods/README.md
CHANGED
|
@@ -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(
|
|
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 './'
|
package/codemods/runV1Codemods/__fixtures__/MockComponentDir/subcomponents/MockSubcomponent.tsx
ADDED
|
@@ -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 @@
|
|
|
1
|
+
export * from './'
|
|
@@ -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
|
+
}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -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;
|
package/dist/cjs/utilitiesV3.cjs
CHANGED
|
@@ -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;
|
package/dist/esm/index.mjs
CHANGED
|
@@ -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 };
|
package/dist/esm/utilitiesV3.mjs
CHANGED
|
@@ -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
|
-
.
|
|
4
|
-
|
|
5
|
-
|
|
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
|
@@ -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 = [
|