@bundle-stats/ui 4.2.0-beta.6 → 4.2.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.
Files changed (5) hide show
  1. package/lib/components/insights/insights.module.css +2 -4
  2. package/lib-esm/components/insights/insights.module.css +2 -4
  3. package/package.json +14 -16
  4. package/src/components/insights/insights.module.css +2 -4
  5. package/src/components/insights/insights.stories.tsx +0 -3
package/lib/components/insights/insights.module.css CHANGED
@@ -1,23 +1,21 @@
1
1
  .icon {
2
- outline: 3px solid transparent;
2
+ padding: 3px;
3
+ box-sizing: content-box;
3
4
  border-radius: 50%;
4
5
  background: var(--color-highlight);
5
6
  }
6
7
 
7
8
  .error .icon {
8
- outline-color: var(--color-red-50);
9
9
  background: var(--color-red-50);
10
10
  color: var(--color-danger);
11
11
  }
12
12
 
13
13
  .warning .icon {
14
- outline-color: var(--color-yellow-100);
15
14
  background: var(--color-yellow-100);
16
15
  color: var(--color-warning-dark);
17
16
  }
18
17
 
19
18
  .info .icon {
20
- outline-color: var(--color-highlight-info);
21
19
  background: var(--color-highlight-info);
22
20
  color: var(--color-info);
23
21
  }
package/lib-esm/components/insights/insights.module.css CHANGED
@@ -1,23 +1,21 @@
1
1
  .icon {
2
- outline: 3px solid transparent;
2
+ padding: 3px;
3
+ box-sizing: content-box;
3
4
  border-radius: 50%;
4
5
  background: var(--color-highlight);
5
6
  }
6
7
 
7
8
  .error .icon {
8
- outline-color: var(--color-red-50);
9
9
  background: var(--color-red-50);
10
10
  color: var(--color-danger);
11
11
  }
12
12
 
13
13
  .warning .icon {
14
- outline-color: var(--color-yellow-100);
15
14
  background: var(--color-yellow-100);
16
15
  color: var(--color-warning-dark);
17
16
  }
18
17
 
19
18
  .info .icon {
20
- outline-color: var(--color-highlight-info);
21
19
  background: var(--color-highlight-info);
22
20
  color: var(--color-info);
23
21
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bundle-stats/ui",
3
- "version": "4.2.0-beta.6",
3
+ "version": "4.2.0",
4
4
  "description": "UI components for BundleStats projects.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -20,8 +20,7 @@
20
20
  "start": "cross-env NODE_ENV=development start-storybook -c ./build/storybook -p 8080",
21
21
  "test": "npm run test:unit",
22
22
  "test:unit": "jest src --passWithNoTests",
23
- "test:storyshots": "jest build/storybook ",
24
- "chromatic": "chromatic --exit-zero-on-changes"
23
+ "test:storyshots": "jest build/storybook "
25
24
  },
26
25
  "repository": {
27
26
  "type": "git",
@@ -41,17 +40,16 @@
41
40
  "devDependencies": {
42
41
  "@babel/preset-env": "7.20.2",
43
42
  "@babel/preset-react": "7.18.6",
44
- "@storybook/addon-essentials": "6.5.15",
43
+ "@storybook/addon-essentials": "6.5.16",
45
44
  "@storybook/addon-knobs": "6.4.0",
46
45
  "@storybook/addon-postcss": "2.0.0",
47
- "@storybook/addon-storyshots": "6.5.15",
48
- "@storybook/addons": "6.5.15",
49
- "@storybook/builder-webpack5": "6.5.15",
50
- "@storybook/manager-webpack5": "6.5.15",
51
- "@storybook/react": "6.5.15",
46
+ "@storybook/addon-storyshots": "6.5.16",
47
+ "@storybook/addons": "6.5.16",
48
+ "@storybook/builder-webpack5": "6.5.16",
49
+ "@storybook/manager-webpack5": "6.5.16",
50
+ "@storybook/react": "6.5.16",
52
51
  "@types/react": "18.0.26",
53
52
  "babel-plugin-require-context-hook": "1.0.0",
54
- "chromatic": "6.15.0",
55
53
  "classnames": "2.3.2",
56
54
  "colormap": "2.3.2",
57
55
  "cross-env": "7.0.3",
@@ -60,9 +58,9 @@
60
58
  "enzyme-to-json": "3.6.2",
61
59
  "hex-rgb": "5.0.0",
62
60
  "identity-obj-proxy": "3.0.0",
63
- "jest": "29.4.0",
61
+ "jest": "29.4.2",
64
62
  "jest-date-mock": "1.0.8",
65
- "jest-environment-jsdom": "29.4.0",
63
+ "jest-environment-jsdom": "29.4.2",
66
64
  "lodash": "4.17.21",
67
65
  "postcss": "8.4.21",
68
66
  "prop-types": "15.8.1",
@@ -71,7 +69,7 @@
71
69
  "react-router-dom": "5.3.4",
72
70
  "react-test-renderer": "18.2.0",
73
71
  "rimraf": "4.1.2",
74
- "typescript": "4.9.4"
72
+ "typescript": "4.9.5"
75
73
  },
76
74
  "peerDependencies": {
77
75
  "classnames": "^2.0.0",
@@ -82,11 +80,11 @@
82
80
  "react-router-dom": "^5.0.0"
83
81
  },
84
82
  "dependencies": {
85
- "@bundle-stats/utils": "^4.2.0-beta.6",
83
+ "@bundle-stats/utils": "^4.2.0",
86
84
  "ariakit": "2.0.0-next.43",
87
85
  "modern-css-reset": "1.4.0",
88
86
  "query-string": "7.1.3",
89
- "use-query-params": "2.1.2"
87
+ "use-query-params": "2.2.0"
90
88
  },
91
- "gitHead": "fa5c0da7c8d6de3d6cd1cb42a581bdca55dccf31"
89
+ "gitHead": "c3b384e7c884a4bf355371dcd5bc0eb6d53e4c06"
92
90
  }
package/src/components/insights/insights.module.css CHANGED
@@ -1,23 +1,21 @@
1
1
  .icon {
2
- outline: 3px solid transparent;
2
+ padding: 3px;
3
+ box-sizing: content-box;
3
4
  border-radius: 50%;
4
5
  background: var(--color-highlight);
5
6
  }
6
7
 
7
8
  .error .icon {
8
- outline-color: var(--color-red-50);
9
9
  background: var(--color-red-50);
10
10
  color: var(--color-danger);
11
11
  }
12
12
 
13
13
  .warning .icon {
14
- outline-color: var(--color-yellow-100);
15
14
  background: var(--color-yellow-100);
16
15
  color: var(--color-warning-dark);
17
16
  }
18
17
 
19
18
  .info .icon {
20
- outline-color: var(--color-highlight-info);
21
19
  background: var(--color-highlight-info);
22
20
  color: var(--color-info);
23
21
  }
package/src/components/insights/insights.stories.tsx CHANGED
@@ -27,7 +27,6 @@ Default.args = {
27
27
  text: 'Bundle introduced 2 new packages: package-c, package-d',
28
28
  packages: ['package-c', 'package-d'],
29
29
  },
30
- changes: true,
31
30
  },
32
31
  };
33
32
 
@@ -40,7 +39,6 @@ Info.args = {
40
39
  packages: { 'package-a': ['package-a', 'package-a~1'] },
41
40
  text: 'Bundle removed 1 duplicate packages',
42
41
  },
43
- changes: false,
44
42
  },
45
43
  newPackages: {
46
44
  type: 'warning',
@@ -48,6 +46,5 @@ Info.args = {
48
46
  text: 'Bundle introduced 2 new packages: package-c, package-d',
49
47
  packages: ['package-c', 'package-d'],
50
48
  },
51
- changes: true,
52
49
  },
53
50
  };