@cypress-design/react-icon 0.22.1 → 0.23.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.
@@ -9,5 +9,5 @@ $ rollup -c ./rollup.config.mjs
9
9
  index.ts
10
10
 
11
11
  Consumers of your bundle will have to use chunk.default to access their default export, which may not be what you want. Use `output.exports: "named"` to disable this warning.
12
- created ./dist/index.umd.js, ./dist/index.es.mjs in 16.1s
12
+ created ./dist/index.umd.js, ./dist/index.es.mjs in 14.2s
13
13
  $ tsc --project ./tsconfig.build.json
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @cypress-design/react-icon
2
2
 
3
+ ## 0.23.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#280](https://github.com/cypress-io/cypress-design/pull/280) [`e390827`](https://github.com/cypress-io/cypress-design/commit/e3908270ece513886c64cebcb78cebe0cd0d8c3d) Thanks [@dkasper-was-taken](https://github.com/dkasper-was-taken)! - adding icon for test replay initiative
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [[`e390827`](https://github.com/cypress-io/cypress-design/commit/e3908270ece513886c64cebcb78cebe0cd0d8c3d)]:
12
+ - @cypress-design/icon-registry@0.25.0
13
+
14
+ ## 0.22.2
15
+
16
+ ### Patch Changes
17
+
18
+ - [#234](https://github.com/cypress-io/cypress-design/pull/234) [`ff95963`](https://github.com/cypress-io/cypress-design/commit/ff95963feb7ae5d9eb01e6122e5e411517f105b9) Thanks [@elevatebart](https://github.com/elevatebart)! - allow to use a gradient icon more than once
19
+
20
+ - Updated dependencies [[`ff95963`](https://github.com/cypress-io/cypress-design/commit/ff95963feb7ae5d9eb01e6122e5e411517f105b9)]:
21
+ - @cypress-design/icon-registry@0.24.1
22
+
3
23
  ## 0.22.1
4
24
 
5
25
  ### Patch Changes
package/IconReact.cy.tsx CHANGED
@@ -1,7 +1,11 @@
1
1
  import * as React from 'react'
2
2
  import { mount } from 'cypress/react18'
3
3
  import assertions from '../assertions'
4
- import Icon, { IconObjectBookCode, IconDocumentBlank } from './index'
4
+ import Icon, {
5
+ IconBrowserWebkit,
6
+ IconObjectBookCode,
7
+ IconDocumentBlank,
8
+ } from './index'
5
9
 
6
10
  describe('Icon', { viewportWidth: 80, viewportHeight: 80 }, () => {
7
11
  it('renders correctly', () => {
@@ -36,10 +40,20 @@ describe('Icon', { viewportWidth: 80, viewportHeight: 80 }, () => {
36
40
  </ul>
37
41
  )
38
42
  })
43
+
39
44
  assertions(({ class: className, ...props }) => {
40
45
  if (props.name) {
41
46
  return mount(<Icon className={className} {...props} />)
42
47
  }
43
48
  mount(<IconDocumentBlank className={className} {...props} />)
44
49
  })
50
+
51
+ it('renders multiple times an icon with defs', () => {
52
+ mount(
53
+ <div className="p-2">
54
+ <IconBrowserWebkit className="w-16 h-16 hidden" />
55
+ <IconBrowserWebkit className="w-16 h-16" />
56
+ </div>
57
+ )
58
+ })
45
59
  })