@bundle-stats/ui 4.23.0-beta.6 → 4.23.0-beta.7

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 (10) hide show
  1. package/lib/chart-colors.json +44 -58
  2. package/lib/css/variables.css +8 -7
  3. package/lib/ui/button/button.module.css +6 -1
  4. package/lib-esm/chart-colors.json +44 -58
  5. package/lib-esm/css/variables.css +8 -7
  6. package/lib-esm/ui/button/button.module.css +6 -1
  7. package/package.json +3 -3
  8. package/src/chart-colors.json +44 -58
  9. package/src/css/variables.css +8 -7
  10. package/src/ui/button/button.module.css +6 -1
package/lib/chart-colors.json CHANGED
@@ -1,59 +1,45 @@
1
1
  [
2
- "rgba(79,146,213,1)",
3
- "rgba(86,146,215,1)",
4
- "rgba(92,145,217,1)",
5
- "rgba(99,145,219,1)",
6
- "rgba(105,144,221,1)",
7
- "rgba(112,144,223,1)",
8
- "rgba(118,143,225,1)",
9
- "rgba(125,143,227,1)",
10
- "rgba(131,142,229,1)",
11
- "rgba(138,141,229,1)",
12
- "rgba(145,140,229,1)",
13
- "rgba(152,138,229,1)",
14
- "rgba(159,137,229,1)",
15
- "rgba(165,136,228,1)",
16
- "rgba(172,135,228,1)",
17
- "rgba(179,133,228,1)",
18
- "rgba(186,132,228,1)",
19
- "rgba(192,130,226,1)",
20
- "rgba(198,129,223,1)",
21
- "rgba(204,127,221,1)",
22
- "rgba(210,125,218,1)",
23
- "rgba(216,123,216,1)",
24
- "rgba(222,122,213,1)",
25
- "rgba(228,120,211,1)",
26
- "rgba(234,118,208,1)",
27
- "rgba(237,117,204,1)",
28
- "rgba(239,116,199,1)",
29
- "rgba(242,114,195,1)",
30
- "rgba(245,113,191,1)",
31
- "rgba(247,112,186,1)",
32
- "rgba(250,111,182,1)",
33
- "rgba(252,109,177,1)",
34
- "rgba(255,108,173,1)",
35
- "rgba(255,109,167,1)",
36
- "rgba(255,109,162,1)",
37
- "rgba(255,110,156,1)",
38
- "rgba(255,111,151,1)",
39
- "rgba(255,111,145,1)",
40
- "rgba(255,112,139,1)",
41
- "rgba(255,112,134,1)",
42
- "rgba(255,113,128,1)",
43
- "rgba(255,116,122,1)",
44
- "rgba(255,119,116,1)",
45
- "rgba(255,121,109,1)",
46
- "rgba(255,124,103,1)",
47
- "rgba(255,127,97,1)",
48
- "rgba(255,130,91,1)",
49
- "rgba(255,132,84,1)",
50
- "rgba(255,135,78,1)",
51
- "rgba(255,139,68,1)",
52
- "rgba(255,143,59,1)",
53
- "rgba(255,147,49,1)",
54
- "rgba(255,151,39,1)",
55
- "rgba(255,154,29,1)",
56
- "rgba(255,158,20,1)",
57
- "rgba(255,162,10,1)",
58
- "rgba(255,166,0,1)"
59
- ]
2
+ "rgba(136,132,216,1)",
3
+ "rgba(135,137,219,1)",
4
+ "rgba(135,142,222,1)",
5
+ "rgba(134,147,225,1)",
6
+ "rgba(133,151,228,1)",
7
+ "rgba(132,156,231,1)",
8
+ "rgba(132,161,234,1)",
9
+ "rgba(131,166,237,1)",
10
+ "rgba(132,172,235,1)",
11
+ "rgba(134,178,234,1)",
12
+ "rgba(135,184,232,1)",
13
+ "rgba(137,191,230,1)",
14
+ "rgba(138,197,228,1)",
15
+ "rgba(140,203,227,1)",
16
+ "rgba(141,209,225,1)",
17
+ "rgba(139,208,215,1)",
18
+ "rgba(138,207,206,1)",
19
+ "rgba(136,206,196,1)",
20
+ "rgba(135,205,186,1)",
21
+ "rgba(133,204,176,1)",
22
+ "rgba(132,203,167,1)",
23
+ "rgba(130,202,157,1)",
24
+ "rgba(135,205,150,1)",
25
+ "rgba(140,208,143,1)",
26
+ "rgba(145,211,136,1)",
27
+ "rgba(149,213,129,1)",
28
+ "rgba(154,216,122,1)",
29
+ "rgba(159,219,115,1)",
30
+ "rgba(164,222,108,1)",
31
+ "rgba(170,224,105,1)",
32
+ "rgba(177,226,102,1)",
33
+ "rgba(183,228,99,1)",
34
+ "rgba(189,231,96,1)",
35
+ "rgba(195,233,93,1)",
36
+ "rgba(202,235,90,1)",
37
+ "rgba(208,237,87,1)",
38
+ "rgba(215,231,87,1)",
39
+ "rgba(221,226,87,1)",
40
+ "rgba(228,220,87,1)",
41
+ "rgba(235,215,88,1)",
42
+ "rgba(242,209,88,1)",
43
+ "rgba(248,204,88,1)",
44
+ "rgba(255,198,88,1)"
45
+ ]
package/lib/css/variables.css CHANGED
@@ -111,17 +111,17 @@
111
111
  --color-green-ultra-dark: var(--color-green-900);
112
112
 
113
113
  --color-yellow-25: #fffdf2;
114
- /* https://hihayk.github.io/scale/#4/5/40/80/0/-0/0/0/E5C110/229/193/16/white */
114
+ /* https://hihayk.github.io/scale/#4/5/20/80/0/-0/0/0/E5C110/229/193/16/white */
115
115
  --color-yellow-50: #faf3cf;
116
116
  --color-yellow-100: #f6e9a9;
117
117
  --color-yellow-200: #f2df83;
118
118
  --color-yellow-300: #edd55d;
119
119
  --color-yellow-400: #e9cb36;
120
120
  --color-yellow-500: #e5c110;
121
- --color-yellow-600: #ceae0e;
122
- --color-yellow-700: #b79a0d;
123
- --color-yellow-800: #a0870b;
124
- --color-yellow-900: #89740a;
121
+ --color-yellow-600: #dab70f;
122
+ --color-yellow-700: #ceae0e;
123
+ --color-yellow-800: #c3a40e;
124
+ --color-yellow-900: #b79a0d;
125
125
 
126
126
  --color-yellow-ultra-light: var(--color-yellow-100);
127
127
  --color-yellow-light: var(--color-yellow-300);
@@ -132,9 +132,10 @@
132
132
  --color-dark: #111;
133
133
  --color-light: #fff;
134
134
 
135
- --color-branding-light: #2b76d4;
135
+ /* https://hihayk.github.io/scale/#4/4/40/40/0/-0/0/0/1a477f/26/71/127/white */
136
+ --color-branding-light: #31598c;
136
137
  --color-branding: #1a477f;
137
- --color-branding-dark: #09182a;
138
+ --color-branding-dark: #102b4c;
138
139
  }
139
140
 
140
141
  body {
package/lib/ui/button/button.module.css CHANGED
@@ -361,5 +361,10 @@ a.root {
361
361
  * Disabled state
362
362
  */
363
363
  .root[disabled] {
364
- filter: grayscale(1);
364
+ opacity: 0.9;
365
+ }
366
+
367
+ .root[disabled] .icon,
368
+ .root[disabled] .content {
369
+ opacity: 0.8;
365
370
  }
package/lib-esm/chart-colors.json CHANGED
@@ -1,59 +1,45 @@
1
1
  [
2
- "rgba(79,146,213,1)",
3
- "rgba(86,146,215,1)",
4
- "rgba(92,145,217,1)",
5
- "rgba(99,145,219,1)",
6
- "rgba(105,144,221,1)",
7
- "rgba(112,144,223,1)",
8
- "rgba(118,143,225,1)",
9
- "rgba(125,143,227,1)",
10
- "rgba(131,142,229,1)",
11
- "rgba(138,141,229,1)",
12
- "rgba(145,140,229,1)",
13
- "rgba(152,138,229,1)",
14
- "rgba(159,137,229,1)",
15
- "rgba(165,136,228,1)",
16
- "rgba(172,135,228,1)",
17
- "rgba(179,133,228,1)",
18
- "rgba(186,132,228,1)",
19
- "rgba(192,130,226,1)",
20
- "rgba(198,129,223,1)",
21
- "rgba(204,127,221,1)",
22
- "rgba(210,125,218,1)",
23
- "rgba(216,123,216,1)",
24
- "rgba(222,122,213,1)",
25
- "rgba(228,120,211,1)",
26
- "rgba(234,118,208,1)",
27
- "rgba(237,117,204,1)",
28
- "rgba(239,116,199,1)",
29
- "rgba(242,114,195,1)",
30
- "rgba(245,113,191,1)",
31
- "rgba(247,112,186,1)",
32
- "rgba(250,111,182,1)",
33
- "rgba(252,109,177,1)",
34
- "rgba(255,108,173,1)",
35
- "rgba(255,109,167,1)",
36
- "rgba(255,109,162,1)",
37
- "rgba(255,110,156,1)",
38
- "rgba(255,111,151,1)",
39
- "rgba(255,111,145,1)",
40
- "rgba(255,112,139,1)",
41
- "rgba(255,112,134,1)",
42
- "rgba(255,113,128,1)",
43
- "rgba(255,116,122,1)",
44
- "rgba(255,119,116,1)",
45
- "rgba(255,121,109,1)",
46
- "rgba(255,124,103,1)",
47
- "rgba(255,127,97,1)",
48
- "rgba(255,130,91,1)",
49
- "rgba(255,132,84,1)",
50
- "rgba(255,135,78,1)",
51
- "rgba(255,139,68,1)",
52
- "rgba(255,143,59,1)",
53
- "rgba(255,147,49,1)",
54
- "rgba(255,151,39,1)",
55
- "rgba(255,154,29,1)",
56
- "rgba(255,158,20,1)",
57
- "rgba(255,162,10,1)",
58
- "rgba(255,166,0,1)"
59
- ]
2
+ "rgba(136,132,216,1)",
3
+ "rgba(135,137,219,1)",
4
+ "rgba(135,142,222,1)",
5
+ "rgba(134,147,225,1)",
6
+ "rgba(133,151,228,1)",
7
+ "rgba(132,156,231,1)",
8
+ "rgba(132,161,234,1)",
9
+ "rgba(131,166,237,1)",
10
+ "rgba(132,172,235,1)",
11
+ "rgba(134,178,234,1)",
12
+ "rgba(135,184,232,1)",
13
+ "rgba(137,191,230,1)",
14
+ "rgba(138,197,228,1)",
15
+ "rgba(140,203,227,1)",
16
+ "rgba(141,209,225,1)",
17
+ "rgba(139,208,215,1)",
18
+ "rgba(138,207,206,1)",
19
+ "rgba(136,206,196,1)",
20
+ "rgba(135,205,186,1)",
21
+ "rgba(133,204,176,1)",
22
+ "rgba(132,203,167,1)",
23
+ "rgba(130,202,157,1)",
24
+ "rgba(135,205,150,1)",
25
+ "rgba(140,208,143,1)",
26
+ "rgba(145,211,136,1)",
27
+ "rgba(149,213,129,1)",
28
+ "rgba(154,216,122,1)",
29
+ "rgba(159,219,115,1)",
30
+ "rgba(164,222,108,1)",
31
+ "rgba(170,224,105,1)",
32
+ "rgba(177,226,102,1)",
33
+ "rgba(183,228,99,1)",
34
+ "rgba(189,231,96,1)",
35
+ "rgba(195,233,93,1)",
36
+ "rgba(202,235,90,1)",
37
+ "rgba(208,237,87,1)",
38
+ "rgba(215,231,87,1)",
39
+ "rgba(221,226,87,1)",
40
+ "rgba(228,220,87,1)",
41
+ "rgba(235,215,88,1)",
42
+ "rgba(242,209,88,1)",
43
+ "rgba(248,204,88,1)",
44
+ "rgba(255,198,88,1)"
45
+ ]
package/lib-esm/css/variables.css CHANGED
@@ -111,17 +111,17 @@
111
111
  --color-green-ultra-dark: var(--color-green-900);
112
112
 
113
113
  --color-yellow-25: #fffdf2;
114
- /* https://hihayk.github.io/scale/#4/5/40/80/0/-0/0/0/E5C110/229/193/16/white */
114
+ /* https://hihayk.github.io/scale/#4/5/20/80/0/-0/0/0/E5C110/229/193/16/white */
115
115
  --color-yellow-50: #faf3cf;
116
116
  --color-yellow-100: #f6e9a9;
117
117
  --color-yellow-200: #f2df83;
118
118
  --color-yellow-300: #edd55d;
119
119
  --color-yellow-400: #e9cb36;
120
120
  --color-yellow-500: #e5c110;
121
- --color-yellow-600: #ceae0e;
122
- --color-yellow-700: #b79a0d;
123
- --color-yellow-800: #a0870b;
124
- --color-yellow-900: #89740a;
121
+ --color-yellow-600: #dab70f;
122
+ --color-yellow-700: #ceae0e;
123
+ --color-yellow-800: #c3a40e;
124
+ --color-yellow-900: #b79a0d;
125
125
 
126
126
  --color-yellow-ultra-light: var(--color-yellow-100);
127
127
  --color-yellow-light: var(--color-yellow-300);
@@ -132,9 +132,10 @@
132
132
  --color-dark: #111;
133
133
  --color-light: #fff;
134
134
 
135
- --color-branding-light: #2b76d4;
135
+ /* https://hihayk.github.io/scale/#4/4/40/40/0/-0/0/0/1a477f/26/71/127/white */
136
+ --color-branding-light: #31598c;
136
137
  --color-branding: #1a477f;
137
- --color-branding-dark: #09182a;
138
+ --color-branding-dark: #102b4c;
138
139
  }
139
140
 
140
141
  body {
package/lib-esm/ui/button/button.module.css CHANGED
@@ -361,5 +361,10 @@ a.root {
361
361
  * Disabled state
362
362
  */
363
363
  .root[disabled] {
364
- filter: grayscale(1);
364
+ opacity: 0.9;
365
+ }
366
+
367
+ .root[disabled] .icon,
368
+ .root[disabled] .content {
369
+ opacity: 0.8;
365
370
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bundle-stats/ui",
3
- "version": "4.23.0-beta.6",
3
+ "version": "4.23.0-beta.7",
4
4
  "description": "UI components for BundleStats projects.",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -83,7 +83,7 @@
83
83
  "react-router-dom": "^5.0.0"
84
84
  },
85
85
  "dependencies": {
86
- "@bundle-stats/utils": "^4.23.0-beta.6",
86
+ "@bundle-stats/utils": "^4.23.0-beta.7",
87
87
  "ariakit": "2.0.0-next.44",
88
88
  "d3": "7.9.0",
89
89
  "modern-css-reset": "1.4.0",
@@ -91,5 +91,5 @@
91
91
  "snarkdown": "2.0.0",
92
92
  "use-query-params": "2.2.2"
93
93
  },
94
- "gitHead": "cd3d72f54ed809e9dfaea2bc3b8a6880b1482b44"
94
+ "gitHead": "9fcd305b1ba345e4c1ef9a74cfde810800c79172"
95
95
  }
package/src/chart-colors.json CHANGED
@@ -1,59 +1,45 @@
1
1
  [
2
- "rgba(79,146,213,1)",
3
- "rgba(86,146,215,1)",
4
- "rgba(92,145,217,1)",
5
- "rgba(99,145,219,1)",
6
- "rgba(105,144,221,1)",
7
- "rgba(112,144,223,1)",
8
- "rgba(118,143,225,1)",
9
- "rgba(125,143,227,1)",
10
- "rgba(131,142,229,1)",
11
- "rgba(138,141,229,1)",
12
- "rgba(145,140,229,1)",
13
- "rgba(152,138,229,1)",
14
- "rgba(159,137,229,1)",
15
- "rgba(165,136,228,1)",
16
- "rgba(172,135,228,1)",
17
- "rgba(179,133,228,1)",
18
- "rgba(186,132,228,1)",
19
- "rgba(192,130,226,1)",
20
- "rgba(198,129,223,1)",
21
- "rgba(204,127,221,1)",
22
- "rgba(210,125,218,1)",
23
- "rgba(216,123,216,1)",
24
- "rgba(222,122,213,1)",
25
- "rgba(228,120,211,1)",
26
- "rgba(234,118,208,1)",
27
- "rgba(237,117,204,1)",
28
- "rgba(239,116,199,1)",
29
- "rgba(242,114,195,1)",
30
- "rgba(245,113,191,1)",
31
- "rgba(247,112,186,1)",
32
- "rgba(250,111,182,1)",
33
- "rgba(252,109,177,1)",
34
- "rgba(255,108,173,1)",
35
- "rgba(255,109,167,1)",
36
- "rgba(255,109,162,1)",
37
- "rgba(255,110,156,1)",
38
- "rgba(255,111,151,1)",
39
- "rgba(255,111,145,1)",
40
- "rgba(255,112,139,1)",
41
- "rgba(255,112,134,1)",
42
- "rgba(255,113,128,1)",
43
- "rgba(255,116,122,1)",
44
- "rgba(255,119,116,1)",
45
- "rgba(255,121,109,1)",
46
- "rgba(255,124,103,1)",
47
- "rgba(255,127,97,1)",
48
- "rgba(255,130,91,1)",
49
- "rgba(255,132,84,1)",
50
- "rgba(255,135,78,1)",
51
- "rgba(255,139,68,1)",
52
- "rgba(255,143,59,1)",
53
- "rgba(255,147,49,1)",
54
- "rgba(255,151,39,1)",
55
- "rgba(255,154,29,1)",
56
- "rgba(255,158,20,1)",
57
- "rgba(255,162,10,1)",
58
- "rgba(255,166,0,1)"
59
- ]
2
+ "rgba(136,132,216,1)",
3
+ "rgba(135,137,219,1)",
4
+ "rgba(135,142,222,1)",
5
+ "rgba(134,147,225,1)",
6
+ "rgba(133,151,228,1)",
7
+ "rgba(132,156,231,1)",
8
+ "rgba(132,161,234,1)",
9
+ "rgba(131,166,237,1)",
10
+ "rgba(132,172,235,1)",
11
+ "rgba(134,178,234,1)",
12
+ "rgba(135,184,232,1)",
13
+ "rgba(137,191,230,1)",
14
+ "rgba(138,197,228,1)",
15
+ "rgba(140,203,227,1)",
16
+ "rgba(141,209,225,1)",
17
+ "rgba(139,208,215,1)",
18
+ "rgba(138,207,206,1)",
19
+ "rgba(136,206,196,1)",
20
+ "rgba(135,205,186,1)",
21
+ "rgba(133,204,176,1)",
22
+ "rgba(132,203,167,1)",
23
+ "rgba(130,202,157,1)",
24
+ "rgba(135,205,150,1)",
25
+ "rgba(140,208,143,1)",
26
+ "rgba(145,211,136,1)",
27
+ "rgba(149,213,129,1)",
28
+ "rgba(154,216,122,1)",
29
+ "rgba(159,219,115,1)",
30
+ "rgba(164,222,108,1)",
31
+ "rgba(170,224,105,1)",
32
+ "rgba(177,226,102,1)",
33
+ "rgba(183,228,99,1)",
34
+ "rgba(189,231,96,1)",
35
+ "rgba(195,233,93,1)",
36
+ "rgba(202,235,90,1)",
37
+ "rgba(208,237,87,1)",
38
+ "rgba(215,231,87,1)",
39
+ "rgba(221,226,87,1)",
40
+ "rgba(228,220,87,1)",
41
+ "rgba(235,215,88,1)",
42
+ "rgba(242,209,88,1)",
43
+ "rgba(248,204,88,1)",
44
+ "rgba(255,198,88,1)"
45
+ ]
package/src/css/variables.css CHANGED
@@ -111,17 +111,17 @@
111
111
  --color-green-ultra-dark: var(--color-green-900);
112
112
 
113
113
  --color-yellow-25: #fffdf2;
114
- /* https://hihayk.github.io/scale/#4/5/40/80/0/-0/0/0/E5C110/229/193/16/white */
114
+ /* https://hihayk.github.io/scale/#4/5/20/80/0/-0/0/0/E5C110/229/193/16/white */
115
115
  --color-yellow-50: #faf3cf;
116
116
  --color-yellow-100: #f6e9a9;
117
117
  --color-yellow-200: #f2df83;
118
118
  --color-yellow-300: #edd55d;
119
119
  --color-yellow-400: #e9cb36;
120
120
  --color-yellow-500: #e5c110;
121
- --color-yellow-600: #ceae0e;
122
- --color-yellow-700: #b79a0d;
123
- --color-yellow-800: #a0870b;
124
- --color-yellow-900: #89740a;
121
+ --color-yellow-600: #dab70f;
122
+ --color-yellow-700: #ceae0e;
123
+ --color-yellow-800: #c3a40e;
124
+ --color-yellow-900: #b79a0d;
125
125
 
126
126
  --color-yellow-ultra-light: var(--color-yellow-100);
127
127
  --color-yellow-light: var(--color-yellow-300);
@@ -132,9 +132,10 @@
132
132
  --color-dark: #111;
133
133
  --color-light: #fff;
134
134
 
135
- --color-branding-light: #2b76d4;
135
+ /* https://hihayk.github.io/scale/#4/4/40/40/0/-0/0/0/1a477f/26/71/127/white */
136
+ --color-branding-light: #31598c;
136
137
  --color-branding: #1a477f;
137
- --color-branding-dark: #09182a;
138
+ --color-branding-dark: #102b4c;
138
139
  }
139
140
 
140
141
  body {
package/src/ui/button/button.module.css CHANGED
@@ -361,5 +361,10 @@ a.root {
361
361
  * Disabled state
362
362
  */
363
363
  .root[disabled] {
364
- filter: grayscale(1);
364
+ opacity: 0.9;
365
+ }
366
+
367
+ .root[disabled] .icon,
368
+ .root[disabled] .content {
369
+ opacity: 0.8;
365
370
  }