@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.
@@ -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
- '<Button target="_blank" rel="noopener noreferrer" variant="secondary" size="large">Pancakes</Button>',
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 createProp('onPressEnd', propValue)
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.1",
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/design-tokens": "10.8.7",
189
- "@kaizen/package-bundler": "2.0.4"
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",
@@ -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/Icons" />
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/__v2__/Icon"
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/__illustrations__/Icon/next"
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/__actions__/Menu"
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/__actions__/Menu"
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 (future)
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
 
@@ -14,7 +14,7 @@ import {
14
14
  const IS_CHROMATIC = isChromatic()
15
15
 
16
16
  export default {
17
- title: 'Components/Select/Select (future)',
17
+ title: 'Components/Select/Select (next)',
18
18
  parameters: {
19
19
  chromatic: { disable: false },
20
20
  controls: { disable: true },
@@ -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 (future)',
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.tsx" />
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"