@blockscout/ui-toolkit 0.0.1-alpha.4 → 2.0.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 (12) hide show
  1. package/dist/chakra/select.d.ts +1 -0
  2. package/dist/components/AdaptiveTabs/AdaptiveTabsList.d.ts +2 -0
  3. package/dist/components/Hint/Hint.d.ts +1 -1
  4. package/dist/components/RoutedTabs/index.d.ts +0 -1
  5. package/dist/components/buttons/BackToButton.d.ts +1 -1
  6. package/dist/components/truncation/TruncatedTextTooltip.d.ts +2 -1
  7. package/dist/index.js +2529 -2536
  8. package/dist/theme/foundations/zIndex.d.ts +4 -7
  9. package/dist/theme/recipes/button.recipe.d.ts +30 -15
  10. package/dist/theme/recipes/index.d.ts +30 -15
  11. package/package.json +1 -1
  12. package/dist/components/RoutedTabs/RoutedTabsSkeleton.d.ts +0 -9
package/dist/theme/foundations/zIndex.d.ts CHANGED
@@ -11,9 +11,6 @@ export declare const zIndex: {
11
11
  docked: {
12
12
  value: number;
13
13
  };
14
- dropdown: {
15
- value: number;
16
- };
17
14
  sticky: {
18
15
  value: number;
19
16
  };
@@ -23,6 +20,9 @@ export declare const zIndex: {
23
20
  sticky2: {
24
21
  value: number;
25
22
  };
23
+ popover: {
24
+ value: number;
25
+ };
26
26
  banner: {
27
27
  value: number;
28
28
  };
@@ -32,7 +32,7 @@ export declare const zIndex: {
32
32
  modal: {
33
33
  value: number;
34
34
  };
35
- popover: {
35
+ modal2: {
36
36
  value: number;
37
37
  };
38
38
  tooltip: {
@@ -41,9 +41,6 @@ export declare const zIndex: {
41
41
  tooltip2: {
42
42
  value: number;
43
43
  };
44
- skipLink: {
45
- value: number;
46
- };
47
44
  toast: {
48
45
  value: number;
49
46
  };
package/dist/theme/recipes/button.recipe.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
4
4
  bg: "blue.600";
5
5
  color: "white";
6
6
  _hover: {
7
- bg: "blue.400";
7
+ bg: "link.primary.hover";
8
8
  };
9
9
  _loading: {
10
10
  opacity: number;
@@ -15,7 +15,7 @@ export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
15
15
  };
16
16
  };
17
17
  _expanded: {
18
- bg: "blue.400";
18
+ bg: "link.primary.hover";
19
19
  };
20
20
  };
21
21
  outline: {
@@ -26,8 +26,8 @@ export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
26
26
  borderColor: "button.outline.fg";
27
27
  _hover: {
28
28
  bg: "transparent";
29
- color: "blue.400";
30
- borderColor: "blue.400";
29
+ color: "link.primary.hover";
30
+ borderColor: "link.primary.hover";
31
31
  };
32
32
  _loading: {
33
33
  opacity: number;
@@ -46,8 +46,8 @@ export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
46
46
  borderColor: "button.dropdown.border";
47
47
  _hover: {
48
48
  bg: "transparent";
49
- color: "blue.400";
50
- borderColor: "blue.400";
49
+ color: "link.primary.hover";
50
+ borderColor: "link.primary.hover";
51
51
  };
52
52
  _loading: {
53
53
  opacity: number;
@@ -59,8 +59,8 @@ export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
59
59
  };
60
60
  _expanded: {
61
61
  bg: "transparent";
62
- color: "blue.400";
63
- borderColor: "blue.400";
62
+ color: "link.primary.hover";
63
+ borderColor: "link.primary.hover";
64
64
  };
65
65
  _selected: {
66
66
  bg: "button.dropdown.bg.selected";
@@ -68,9 +68,12 @@ export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
68
68
  borderColor: "transparent";
69
69
  _hover: {
70
70
  bg: "button.dropdown.bg.selected";
71
- color: "button.dropdown.fg.selected";
71
+ color: "link.primary.hover";
72
72
  borderColor: "transparent";
73
73
  };
74
+ _expanded: {
75
+ color: "link.primary.hover";
76
+ };
74
77
  };
75
78
  };
76
79
  header: {
@@ -81,8 +84,8 @@ export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
81
84
  borderStyle: "solid";
82
85
  _hover: {
83
86
  bg: "transparent";
84
- color: "blue.400";
85
- borderColor: "blue.400";
87
+ color: "link.primary.hover";
88
+ borderColor: "link.primary.hover";
86
89
  };
87
90
  _loading: {
88
91
  opacity: number;
@@ -99,16 +102,22 @@ export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
99
102
  borderWidth: "0px";
100
103
  _hover: {
101
104
  bg: "button.header.bg.selected";
102
- color: "button.header.fg.selected";
105
+ color: "link.primary.hover";
106
+ };
107
+ _expanded: {
108
+ color: "link.primary.hover";
103
109
  };
104
110
  _highlighted: {
105
111
  bg: "button.header.bg.highlighted";
106
112
  color: "button.header.fg.highlighted";
107
113
  borderColor: "transparent";
108
114
  borderWidth: "0px";
115
+ _expanded: {
116
+ color: "link.primary.hover";
117
+ };
109
118
  _hover: {
110
119
  bg: "button.header.bg.highlighted";
111
- color: "button.header.fg.highlighted";
120
+ color: "link.primary.hover";
112
121
  };
113
122
  };
114
123
  };
@@ -133,7 +142,10 @@ export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
133
142
  color: "button.hero.fg.selected";
134
143
  _hover: {
135
144
  bg: "button.hero.bg.selected";
136
- color: "button.hero.fg.selected";
145
+ color: "link.primary.hover";
146
+ };
147
+ _expanded: {
148
+ color: "link.primary.hover";
137
149
  };
138
150
  };
139
151
  };
@@ -214,7 +226,10 @@ export declare const recipe: import('@chakra-ui/react').RecipeDefinition<{
214
226
  color: "button.icon_secondary.fg.selected";
215
227
  _hover: {
216
228
  bg: "button.icon_secondary.bg.selected";
217
- color: "button.icon_secondary.fg.selected";
229
+ color: "link.primary.hover";
230
+ };
231
+ _expanded: {
232
+ color: "link.primary.hover";
218
233
  };
219
234
  };
220
235
  _expanded: {
package/dist/theme/recipes/index.d.ts CHANGED
@@ -64,7 +64,7 @@ export declare const recipes: {
64
64
  bg: "blue.600";
65
65
  color: "white";
66
66
  _hover: {
67
- bg: "blue.400";
67
+ bg: "link.primary.hover";
68
68
  };
69
69
  _loading: {
70
70
  opacity: number;
@@ -75,7 +75,7 @@ export declare const recipes: {
75
75
  };
76
76
  };
77
77
  _expanded: {
78
- bg: "blue.400";
78
+ bg: "link.primary.hover";
79
79
  };
80
80
  };
81
81
  outline: {
@@ -86,8 +86,8 @@ export declare const recipes: {
86
86
  borderColor: "button.outline.fg";
87
87
  _hover: {
88
88
  bg: "transparent";
89
- color: "blue.400";
90
- borderColor: "blue.400";
89
+ color: "link.primary.hover";
90
+ borderColor: "link.primary.hover";
91
91
  };
92
92
  _loading: {
93
93
  opacity: number;
@@ -106,8 +106,8 @@ export declare const recipes: {
106
106
  borderColor: "button.dropdown.border";
107
107
  _hover: {
108
108
  bg: "transparent";
109
- color: "blue.400";
110
- borderColor: "blue.400";
109
+ color: "link.primary.hover";
110
+ borderColor: "link.primary.hover";
111
111
  };
112
112
  _loading: {
113
113
  opacity: number;
@@ -119,8 +119,8 @@ export declare const recipes: {
119
119
  };
120
120
  _expanded: {
121
121
  bg: "transparent";
122
- color: "blue.400";
123
- borderColor: "blue.400";
122
+ color: "link.primary.hover";
123
+ borderColor: "link.primary.hover";
124
124
  };
125
125
  _selected: {
126
126
  bg: "button.dropdown.bg.selected";
@@ -128,9 +128,12 @@ export declare const recipes: {
128
128
  borderColor: "transparent";
129
129
  _hover: {
130
130
  bg: "button.dropdown.bg.selected";
131
- color: "button.dropdown.fg.selected";
131
+ color: "link.primary.hover";
132
132
  borderColor: "transparent";
133
133
  };
134
+ _expanded: {
135
+ color: "link.primary.hover";
136
+ };
134
137
  };
135
138
  };
136
139
  header: {
@@ -141,8 +144,8 @@ export declare const recipes: {
141
144
  borderStyle: "solid";
142
145
  _hover: {
143
146
  bg: "transparent";
144
- color: "blue.400";
145
- borderColor: "blue.400";
147
+ color: "link.primary.hover";
148
+ borderColor: "link.primary.hover";
146
149
  };
147
150
  _loading: {
148
151
  opacity: number;
@@ -159,16 +162,22 @@ export declare const recipes: {
159
162
  borderWidth: "0px";
160
163
  _hover: {
161
164
  bg: "button.header.bg.selected";
162
- color: "button.header.fg.selected";
165
+ color: "link.primary.hover";
166
+ };
167
+ _expanded: {
168
+ color: "link.primary.hover";
163
169
  };
164
170
  _highlighted: {
165
171
  bg: "button.header.bg.highlighted";
166
172
  color: "button.header.fg.highlighted";
167
173
  borderColor: "transparent";
168
174
  borderWidth: "0px";
175
+ _expanded: {
176
+ color: "link.primary.hover";
177
+ };
169
178
  _hover: {
170
179
  bg: "button.header.bg.highlighted";
171
- color: "button.header.fg.highlighted";
180
+ color: "link.primary.hover";
172
181
  };
173
182
  };
174
183
  };
@@ -193,7 +202,10 @@ export declare const recipes: {
193
202
  color: "button.hero.fg.selected";
194
203
  _hover: {
195
204
  bg: "button.hero.bg.selected";
196
- color: "button.hero.fg.selected";
205
+ color: "link.primary.hover";
206
+ };
207
+ _expanded: {
208
+ color: "link.primary.hover";
197
209
  };
198
210
  };
199
211
  };
@@ -274,7 +286,10 @@ export declare const recipes: {
274
286
  color: "button.icon_secondary.fg.selected";
275
287
  _hover: {
276
288
  bg: "button.icon_secondary.bg.selected";
277
- color: "button.icon_secondary.fg.selected";
289
+ color: "link.primary.hover";
290
+ };
291
+ _expanded: {
292
+ color: "link.primary.hover";
278
293
  };
279
294
  };
280
295
  _expanded: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockscout/ui-toolkit",
3
- "version": "0.0.1-alpha.4",
3
+ "version": "2.0.0",
4
4
  "description": "A comprehensive collection of reusable Chakra UI components and theme system for Blockscout's projects",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/dist/components/RoutedTabs/RoutedTabsSkeleton.d.ts DELETED
@@ -1,9 +0,0 @@
1
- import { default as React } from 'react';
2
- import { TabItemRegular } from '../AdaptiveTabs/types';
3
- interface Props {
4
- className?: string;
5
- tabs: Array<TabItemRegular>;
6
- size?: 'sm' | 'md';
7
- }
8
- declare const _default: import('@chakra-ui/react').ChakraComponent<({ className, tabs, size }: Props) => React.JSX.Element | null, {}>;
9
- export default _default;