@blockscout/ui-toolkit 2.2.1 → 2.3.1

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.
@@ -62,14 +62,14 @@ export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"co
62
62
  color: "tabs.solid.fg";
63
63
  bg: "transparent";
64
64
  _selected: {
65
- bg: "tabs.solid.bg.selected";
66
- color: "tabs.solid.fg.selected";
65
+ bg: "selected.control.bg";
66
+ color: "selected.control.text";
67
67
  _hover: {
68
- color: "tabs.solid.fg.selected";
68
+ color: "selected.control.text";
69
69
  };
70
70
  };
71
71
  _hover: {
72
- color: "link.primary.hover";
72
+ color: "hover";
73
73
  };
74
74
  };
75
75
  };
@@ -92,15 +92,16 @@ export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"co
92
92
  borderColor: "tabs.secondary.border";
93
93
  borderRadius: "base";
94
94
  _selected: {
95
- bg: "tabs.secondary.bg.selected";
95
+ bg: "selected.control.bg";
96
+ color: "selected.control.text";
96
97
  borderColor: "transparent";
97
98
  _hover: {
98
99
  borderColor: "transparent";
99
100
  };
100
101
  };
101
102
  _hover: {
102
- color: "link.primary.hover";
103
- borderColor: "link.primary.hover";
103
+ color: "hover";
104
+ borderColor: "hover";
104
105
  };
105
106
  };
106
107
  };
@@ -110,20 +111,26 @@ export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"co
110
111
  bg: "transparent";
111
112
  borderWidth: "2px";
112
113
  borderStyle: "solid";
113
- borderColor: "tabs.segmented.border";
114
+ borderColor: "selected.control.bg";
114
115
  _hover: {
115
- color: "link.primary.hover";
116
+ color: "hover";
116
117
  };
117
118
  _selected: {
118
- color: "tabs.segmented.fg.selected";
119
- bg: "tabs.segmented.border";
120
- borderColor: "tabs.segmented.border";
119
+ color: "selected.control.text";
120
+ bg: "selected.control.bg";
121
+ borderColor: "selected.control.bg";
121
122
  _hover: {
122
- color: "tabs.segmented.fg.selected";
123
+ color: "selected.control.text";
124
+ };
125
+ '& + *': {
126
+ borderLeftWidth: "0";
123
127
  };
124
128
  };
125
- _notFirst: {
126
- borderLeftWidth: "0";
129
+ _notLast: {
130
+ borderRightWidth: "0";
131
+ _selected: {
132
+ borderRightWidth: "2px";
133
+ };
127
134
  };
128
135
  _first: {
129
136
  borderTopLeftRadius: "base";
@@ -57,11 +57,11 @@ export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"la
57
57
  bgColor: "tag.root.select.bg";
58
58
  color: "tag.root.select.fg";
59
59
  _hover: {
60
- color: "blue.400";
60
+ color: "hover";
61
61
  opacity: number;
62
62
  };
63
63
  _selected: {
64
- bgColor: "tag.root.select.bg.selected";
64
+ bgColor: "selected.option.bg";
65
65
  color: "whiteAlpha.800";
66
66
  _hover: {
67
67
  color: "whiteAlpha.800";
@@ -7,28 +7,6 @@ export declare const recipe: import('@chakra-ui/react').SlotRecipeDefinition<"co
7
7
  color: "tooltip.fg";
8
8
  };
9
9
  };
10
- navigation: {
11
- content: {
12
- '--tooltip-bg': "colors.tooltip.navigation.bg";
13
- bg: "var(--tooltip-bg)";
14
- color: "tooltip.navigation.fg";
15
- borderWidth: "0";
16
- borderRadius: "base";
17
- minW: "120px";
18
- boxShadow: "none";
19
- textAlign: "center";
20
- padding: "15px 12px";
21
- _selected: {
22
- color: "tooltip.navigation.fg.selected";
23
- };
24
- };
25
- arrow: {
26
- display: "none";
27
- };
28
- arrowTip: {
29
- display: "none";
30
- };
31
- };
32
10
  popover: {
33
11
  content: {
34
12
  maxW: "none";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blockscout/ui-toolkit",
3
- "version": "2.2.1",
3
+ "version": "2.3.1",
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",