@kaizen/components 1.73.1 → 1.73.2
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/upgradeV1Buttons/transformV1ButtonAttributes.spec.ts +10 -2
- package/codemods/upgradeV1Buttons/transformV1ButtonAttributes.ts +1 -1
- package/package.json +3 -3
- package/src/Icon/_docs/Icon.mdx +1 -1
- package/src/__next__/Icon/_docs/Icon--api-specification.mdx +1 -1
- package/src/__next__/Icon/_docs/Icon--usage-guidelines.mdx +1 -1
- package/src/__next__/Menu/_docs/Menu--api-specification.mdx +1 -1
- package/src/__next__/Menu/_docs/Menu--usage-guidelines.mdx +1 -1
- package/src/__next__/Select/_docs/Select.mdx +2 -2
- package/src/__next__/Select/_docs/Select.stickersheet.stories.tsx +1 -1
- package/src/__next__/Select/_docs/Select.stories.tsx +1 -1
- package/src/__next__/Tabs/_docs/Tabs--api-specification.mdx +1 -1
- package/src/__next__/Tag/RemovableTag/_docs/RemovableTag.mdx +1 -1
- package/src/__next__/Tooltip/_docs/ApiSpecification.mdx +1 -1
- package/src/__next__/Tooltip/_docs/Tooltip.mdx +1 -1
|
@@ -60,6 +60,14 @@ describe('transformV1ButtonAttributes()', () => {
|
|
|
60
60
|
expect(transformInput(inputAst)).toEqual(printAst(outputAst))
|
|
61
61
|
})
|
|
62
62
|
|
|
63
|
+
it('will remove usage of `disableTabFocusAndIUnderstandTheAccessibilityImplications`', () => {
|
|
64
|
+
const inputAst = parseJsx(
|
|
65
|
+
'<Button label="Pancakes" disableTabFocusAndIUnderstandTheAccessibilityImplications />',
|
|
66
|
+
)
|
|
67
|
+
const outputAst = parseJsx('<Button variant="secondary" size="large">Pancakes</Button>')
|
|
68
|
+
expect(transformInput(inputAst)).toEqual(printAst(outputAst))
|
|
69
|
+
})
|
|
70
|
+
|
|
63
71
|
describe('transform existing props', () => {
|
|
64
72
|
it('changes onClick to onPress', () => {
|
|
65
73
|
const inputAst = parseJsx('<Button label="Pancakes" onClick={handleClick} />')
|
|
@@ -119,10 +127,10 @@ describe('transformV1ButtonAttributes()', () => {
|
|
|
119
127
|
|
|
120
128
|
it('changes newTabAndIUnderstandTheAccessibilityImplications to target="_blank" and rel="noopener noreferrer"', () => {
|
|
121
129
|
const inputAst = parseJsx(
|
|
122
|
-
'<Button label="Pancakes" newTabAndIUnderstandTheAccessibilityImplications />',
|
|
130
|
+
'<Button href="#" label="Pancakes" newTabAndIUnderstandTheAccessibilityImplications />',
|
|
123
131
|
)
|
|
124
132
|
const outputAst = parseJsx(
|
|
125
|
-
'<
|
|
133
|
+
'<LinkButton href="#" target="_blank" rel="noopener noreferrer" variant="secondary" size="large">Pancakes</LinkButton>',
|
|
126
134
|
)
|
|
127
135
|
expect(transformInput(inputAst)).toEqual(printAst(outputAst))
|
|
128
136
|
})
|
|
@@ -44,7 +44,7 @@ const transformProp = (
|
|
|
44
44
|
case 'onMouseDown':
|
|
45
45
|
return createProp('onPressStart', propValue)
|
|
46
46
|
case 'disableTabFocusAndIUnderstandTheAccessibilityImplications':
|
|
47
|
-
return
|
|
47
|
+
return null
|
|
48
48
|
case 'newTabAndIUnderstandTheAccessibilityImplications':
|
|
49
49
|
return null
|
|
50
50
|
case 'disabled':
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kaizen/components",
|
|
3
|
-
"version": "1.73.
|
|
3
|
+
"version": "1.73.2",
|
|
4
4
|
"description": "Kaizen component library",
|
|
5
5
|
"author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
|
|
6
6
|
"homepage": "https://cultureamp.design",
|
|
@@ -185,8 +185,8 @@
|
|
|
185
185
|
"svgo": "^3.3.2",
|
|
186
186
|
"tslib": "^2.8.1",
|
|
187
187
|
"tsx": "^4.19.2",
|
|
188
|
-
"@kaizen/
|
|
189
|
-
"@kaizen/
|
|
188
|
+
"@kaizen/package-bundler": "2.0.4",
|
|
189
|
+
"@kaizen/design-tokens": "10.8.7"
|
|
190
190
|
},
|
|
191
191
|
"devDependenciesComments": {
|
|
192
192
|
"sass": "Prevent deprecation warnings introduced in 1.80 as we plan to move away from sass",
|
package/src/Icon/_docs/Icon.mdx
CHANGED
|
@@ -6,7 +6,7 @@ import * as IconStories from './Icon.docs.stories'
|
|
|
6
6
|
|
|
7
7
|
# Icon (deprecated)
|
|
8
8
|
|
|
9
|
-
<ResourceLinks sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/
|
|
9
|
+
<ResourceLinks sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Icon" />
|
|
10
10
|
|
|
11
11
|
<ReplacementNotice />
|
|
12
12
|
|
|
@@ -9,7 +9,7 @@ import * as IconStories from './Icon.docs.stories'
|
|
|
9
9
|
Updated September 4, 2024
|
|
10
10
|
|
|
11
11
|
<ResourceLinks
|
|
12
|
-
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/
|
|
12
|
+
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Icon"
|
|
13
13
|
designGuidelines="/?path=/docs/illustrations-icon-v2-usage-guidelines--docs"
|
|
14
14
|
/>
|
|
15
15
|
|
|
@@ -9,7 +9,7 @@ import * as IconStories from './Icon.docs.stories'
|
|
|
9
9
|
Updated September 13, 2024
|
|
10
10
|
|
|
11
11
|
<ResourceLinks
|
|
12
|
-
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/
|
|
12
|
+
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Icon"
|
|
13
13
|
apiSpecification="/?path=/docs/illustrations-icon-v3-api-specification--docs"
|
|
14
14
|
figma="https://www.figma.com/design/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-Heart-UI-Kit?node-id=1929-3974"
|
|
15
15
|
/>
|
|
@@ -10,7 +10,7 @@ import * as exampleStories from './Menu.stories'
|
|
|
10
10
|
Updated December 16, 2024
|
|
11
11
|
|
|
12
12
|
<ResourceLinks
|
|
13
|
-
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/
|
|
13
|
+
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Menu"
|
|
14
14
|
figma="https://www.figma.com/design/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-Heart-UI-Kit?m=auto&node-id=6262-0&t=I4H23jCrCJz4O2nf-1"
|
|
15
15
|
designGuidelines="/?path=/docs/components-menu-menu-next-usage-guidelines--docs"
|
|
16
16
|
ariaComponentPage="https://react-spectrum.adobe.com/react-aria/Menu.html"
|
|
@@ -10,7 +10,7 @@ import * as MenuStories from './Menu.stories'
|
|
|
10
10
|
Updated July 6, 2024
|
|
11
11
|
|
|
12
12
|
<ResourceLinks
|
|
13
|
-
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/
|
|
13
|
+
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Menu"
|
|
14
14
|
figma="https://www.figma.com/design/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-Heart-UI-Kit?m=auto&node-id=6262-0&t=I4H23jCrCJz4O2nf-1"
|
|
15
15
|
ariaComponentPage="https://react-spectrum.adobe.com/react-aria/Menu.html"
|
|
16
16
|
apiSpecification="/?path=/docs/actions-menu-v3-api-specification--docs"
|
|
@@ -4,10 +4,10 @@ import * as SelectStories from './Select.stories'
|
|
|
4
4
|
|
|
5
5
|
<Meta of={SelectStories} />
|
|
6
6
|
|
|
7
|
-
# Select (
|
|
7
|
+
# Select (next)
|
|
8
8
|
|
|
9
9
|
<ResourceLinks
|
|
10
|
-
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Select"
|
|
10
|
+
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Select"
|
|
11
11
|
figma="https://www.figma.com/file/ZRfnoNUXbGZv4eVWLbF4Az/%F0%9F%96%BC%EF%B8%8F-Component-Gallery?node-id=9%3A37837&mode=dev"
|
|
12
12
|
designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select"
|
|
13
13
|
|
|
@@ -7,7 +7,7 @@ import { type SelectOption } from '../types'
|
|
|
7
7
|
import { groupedMockItems, mixedMockItemsDisabled, singleMockItems } from './mockData'
|
|
8
8
|
|
|
9
9
|
const meta = {
|
|
10
|
-
title: 'Components/Select/Select (
|
|
10
|
+
title: 'Components/Select/Select (next)',
|
|
11
11
|
component: Select,
|
|
12
12
|
argTypes: {
|
|
13
13
|
items: {
|
|
@@ -7,7 +7,7 @@ import * as TabsStories from './Tabs.stories'
|
|
|
7
7
|
# Tabs (next)
|
|
8
8
|
|
|
9
9
|
<ResourceLinks
|
|
10
|
-
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Tabs"
|
|
10
|
+
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tabs"
|
|
11
11
|
figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A28886&mode=design&t=AGMmnoJia9RscurE-1"
|
|
12
12
|
designGuidelines="https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929117/Tabs"
|
|
13
13
|
|
|
@@ -6,7 +6,7 @@ import * as RemovableTagStories from './RemovableTag.stories'
|
|
|
6
6
|
|
|
7
7
|
# RemovableTag (next)
|
|
8
8
|
|
|
9
|
-
<ResourceLinks sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tag/RemovableTag
|
|
9
|
+
<ResourceLinks sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tag/RemovableTag" />
|
|
10
10
|
|
|
11
11
|
<KAIOInstallation exportNames="RemovableTag" isNext />
|
|
12
12
|
|
|
@@ -10,7 +10,7 @@ import * as exampleStories from './Tooltip.stories'
|
|
|
10
10
|
Updated June 25, 2024
|
|
11
11
|
|
|
12
12
|
<ResourceLinks
|
|
13
|
-
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Tooltip"
|
|
13
|
+
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tooltip"
|
|
14
14
|
figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A32006&mode=design&t=LwTCBZ5E1uRvOA1l-1"
|
|
15
15
|
designGuidelines="/?path=/docs/overlays-tooltip-next-usage-guidelines--docs"
|
|
16
16
|
ariaComponentPage="https://react-spectrum.adobe.com/react-aria/Tooltip.html"
|
|
@@ -13,7 +13,7 @@ import WhenToUsePng from './assets/tooltip_variant.png'
|
|
|
13
13
|
Updated June 25, 2024
|
|
14
14
|
|
|
15
15
|
<ResourceLinks
|
|
16
|
-
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/Tooltip"
|
|
16
|
+
sourceCode="https://github.com/cultureamp/kaizen-design-system/tree/main/packages/components/src/__next__/Tooltip"
|
|
17
17
|
figma="https://www.figma.com/file/eZKEE5kXbEMY3lx84oz8iN/%F0%9F%92%9C-UI-Kit%3A-Heart?type=design&node-id=1929%3A32006&mode=design&t=LwTCBZ5E1uRvOA1l-1"
|
|
18
18
|
designGuidelines="/?path=/docs/overlays-tooltip-next-usage-guidelines--docs"
|
|
19
19
|
ariaComponentPage="https://react-spectrum.adobe.com/react-aria/Tooltip.html"
|