@rescui/tooltip 0.14.3 → 0.14.4

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.
package/lib/index.css CHANGED
@@ -3,15 +3,15 @@
3
3
  inherits:true;
4
4
  initial-value:0;
5
5
  }
6
- ._tooltip_1icxgcw_5{
6
+ ._tooltip_z0ffz6_5{
7
7
  position:relative;
8
8
  }
9
9
 
10
- ._closing_1icxgcw_9{
10
+ ._closing_z0ffz6_9{
11
11
  pointer-events:none;
12
12
  }
13
13
 
14
- ._content_1icxgcw_13{
14
+ ._content_z0ffz6_13{
15
15
  --rs-theme-dark:1;
16
16
  --_rs-tooltip-border-width:1px;
17
17
 
@@ -86,40 +86,40 @@
86
86
  transform:translate(0, 0);
87
87
  }
88
88
 
89
- [data-popper-placement='top-end'] ._content_1icxgcw_13,
90
- [data-popper-placement='bottom-end'] ._content_1icxgcw_13{
89
+ [data-popper-placement='top-end'] ._content_z0ffz6_13,
90
+ [data-popper-placement='bottom-end'] ._content_z0ffz6_13{
91
91
  margin-right:0;
92
92
  }
93
93
 
94
- [data-popper-placement='top-start'] ._content_1icxgcw_13,
95
- [data-popper-placement='bottom-start'] ._content_1icxgcw_13{
94
+ [data-popper-placement='top-start'] ._content_z0ffz6_13,
95
+ [data-popper-placement='bottom-start'] ._content_z0ffz6_13{
96
96
  margin-left:0;
97
97
  }
98
98
 
99
- [data-popper-placement='left-end'] ._content_1icxgcw_13,
100
- [data-popper-placement='right-end'] ._content_1icxgcw_13{
99
+ [data-popper-placement='left-end'] ._content_z0ffz6_13,
100
+ [data-popper-placement='right-end'] ._content_z0ffz6_13{
101
101
  margin-bottom:0;
102
102
  }
103
103
 
104
- [data-popper-placement='left-start'] ._content_1icxgcw_13,
105
- [data-popper-placement='right-start'] ._content_1icxgcw_13{
104
+ [data-popper-placement='left-start'] ._content_z0ffz6_13,
105
+ [data-popper-placement='right-start'] ._content_z0ffz6_13{
106
106
  margin-top:0;
107
107
  }
108
108
 
109
- ._initial_1icxgcw_57 ._content_1icxgcw_13{
109
+ ._initial_z0ffz6_57 ._content_z0ffz6_13{
110
110
  transition:none;
111
111
  }
112
112
 
113
- ._closing_1icxgcw_9 ._content_1icxgcw_13{
113
+ ._closing_z0ffz6_9 ._content_z0ffz6_13{
114
114
  transition-duration:200ms, 200ms;
115
115
  }
116
116
 
117
- ._initial_1icxgcw_57 ._content_1icxgcw_13,
118
- ._closing_1icxgcw_9 ._content_1icxgcw_13{
117
+ ._initial_z0ffz6_57 ._content_z0ffz6_13,
118
+ ._closing_z0ffz6_9 ._content_z0ffz6_13{
119
119
  opacity:0;
120
120
  }
121
121
 
122
- ._outerThemeLight_1icxgcw_71 ._content_1icxgcw_13{
122
+ ._outerThemeLight_z0ffz6_71 ._content_z0ffz6_13{
123
123
  --rs-color-primary-dark-theme:var(--rs-color-primary-light-theme);
124
124
  --rs-color-primary-dim-dark-theme:var(--rs-color-primary-dim-light-theme);
125
125
  --rs-color-primary-fog-dark-theme:var(--rs-color-primary-fog-light-theme);
@@ -131,7 +131,7 @@
131
131
  );
132
132
  }
133
133
 
134
- ._outerThemeDark_1icxgcw_84 ._content_1icxgcw_13{
134
+ ._outerThemeDark_z0ffz6_84 ._content_z0ffz6_13{
135
135
  --rs-color-primary-light-theme:var(--rs-color-primary-dark-theme);
136
136
  --rs-color-primary-dim-light-theme:var(--rs-color-primary-dim-dark-theme);
137
137
  --rs-color-primary-fog-light-theme:var(--rs-color-primary-fog-dark-theme);
@@ -143,24 +143,24 @@
143
143
  );
144
144
  }
145
145
 
146
- ._initial_1icxgcw_57[data-popper-placement^='top'] ._content_1icxgcw_13, ._closing_1icxgcw_9[data-popper-placement^='top'] ._content_1icxgcw_13{
146
+ ._initial_z0ffz6_57[data-popper-placement^='top'] ._content_z0ffz6_13, ._closing_z0ffz6_9[data-popper-placement^='top'] ._content_z0ffz6_13{
147
147
  transform:translate(0, 10px);
148
148
  }
149
149
 
150
- ._initial_1icxgcw_57[data-popper-placement^='right'] ._content_1icxgcw_13, ._closing_1icxgcw_9[data-popper-placement^='right'] ._content_1icxgcw_13{
150
+ ._initial_z0ffz6_57[data-popper-placement^='right'] ._content_z0ffz6_13, ._closing_z0ffz6_9[data-popper-placement^='right'] ._content_z0ffz6_13{
151
151
  transform:translate(-10px, 0);
152
152
  }
153
153
 
154
- ._initial_1icxgcw_57[data-popper-placement^='bottom'] ._content_1icxgcw_13, ._closing_1icxgcw_9[data-popper-placement^='bottom'] ._content_1icxgcw_13{
154
+ ._initial_z0ffz6_57[data-popper-placement^='bottom'] ._content_z0ffz6_13, ._closing_z0ffz6_9[data-popper-placement^='bottom'] ._content_z0ffz6_13{
155
155
  transform:translate(0, -10px);
156
156
  }
157
157
 
158
- ._initial_1icxgcw_57[data-popper-placement^='left'] ._content_1icxgcw_13, ._closing_1icxgcw_9[data-popper-placement^='left'] ._content_1icxgcw_13{
158
+ ._initial_z0ffz6_57[data-popper-placement^='left'] ._content_z0ffz6_13, ._closing_z0ffz6_9[data-popper-placement^='left'] ._content_z0ffz6_13{
159
159
  transform:translate(10px, 0);
160
160
  }
161
161
 
162
- ._trigger_1icxgcw_116:focus-visible,
163
- ._trigger_1icxgcw_116:focus[data-focus-method='key']{
162
+ ._trigger_z0ffz6_116:focus-visible,
163
+ ._trigger_z0ffz6_116:focus[data-focus-method='key']{
164
164
  outline:none;
165
165
 
166
166
  box-shadow:var(--rs-color-primary-t-dim-light-theme) 0 0 0 4px;
@@ -1,3 +1,3 @@
1
- var styles = {"tooltip":"_tooltip_1icxgcw_5","closing":"_closing_1icxgcw_9","content":"_content_1icxgcw_13","initial":"_initial_1icxgcw_57","outerThemeLight":"_outerThemeLight_1icxgcw_71","outerThemeDark":"_outerThemeDark_1icxgcw_84","trigger":"_trigger_1icxgcw_116"};
1
+ var styles = {"tooltip":"_tooltip_z0ffz6_5","closing":"_closing_z0ffz6_9","content":"_content_z0ffz6_13","initial":"_initial_z0ffz6_57","outerThemeLight":"_outerThemeLight_z0ffz6_71","outerThemeDark":"_outerThemeDark_z0ffz6_84","trigger":"_trigger_z0ffz6_116"};
2
2
 
3
3
  export { styles as default };
@@ -6,7 +6,7 @@ Tooltips display informative text when users hover over, focus on, or click an e
6
6
 
7
7
  #### Simple
8
8
 
9
- ```tsx
9
+ ```jsx
10
10
  import { Tooltip } from '@rescui/tooltip';
11
11
 
12
12
  <Tooltip content="Simple text">Tooltip will appear on mouseIn</Tooltip>;
@@ -14,7 +14,7 @@ import { Tooltip } from '@rescui/tooltip';
14
14
 
15
15
  #### With Icon
16
16
 
17
- ```tsx
17
+ ```jsx
18
18
  import { Tooltip } from '@rescui/tooltip';
19
19
  import { InfoIcon } from '@rescui/icons';
20
20
 
@@ -29,7 +29,7 @@ import { InfoIcon } from '@rescui/icons';
29
29
 
30
30
  #### Controlled
31
31
 
32
- ```tsx
32
+ ```jsx
33
33
  import { Tooltip } from '@rescui/tooltip';
34
34
  import { useState } from 'react';
35
35
  import { Checkbox } from '@rescui/checkbox';
@@ -63,7 +63,7 @@ render(<MyTooltip />);
63
63
 
64
64
  Use `renderBesideTrigger` property to allow tab-focusing on the content inside tooltip.
65
65
 
66
- ```tsx
66
+ ```jsx
67
67
  import { Tooltip } from '@rescui/tooltip';
68
68
  import { textCn } from '@rescui/typography';
69
69
 
@@ -87,7 +87,7 @@ import { textCn } from '@rescui/typography';
87
87
  </Tooltip>;
88
88
  ```
89
89
 
90
- ```tsx
90
+ ```jsx
91
91
  import { Tooltip } from '@rescui/tooltip';
92
92
  import { textCn } from '@rescui/typography';
93
93
 
@@ -114,7 +114,7 @@ import { textCn } from '@rescui/typography';
114
114
 
115
115
  #### Showing tooltip on click
116
116
 
117
- ```tsx
117
+ ```jsx
118
118
  import { useState } from 'react';
119
119
  import { Tooltip } from '@rescui/tooltip';
120
120
 
@@ -135,7 +135,7 @@ render(<MyTooltip />);
135
135
 
136
136
  #### Tooltip with dark background
137
137
 
138
- ```tsx
138
+ ```jsx
139
139
  import { Tooltip } from '@rescui/tooltip';
140
140
  import { InfoIcon } from '@rescui/icons';
141
141
  import { textCn } from '@rescui/typography';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tooltip",
3
- "version": "0.14.3",
3
+ "version": "0.14.4",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -30,7 +30,7 @@
30
30
  },
31
31
  "devDependencies": {
32
32
  "@rescui/colors": "^0.3.6",
33
- "@rescui/icons": "^1.12.0",
33
+ "@rescui/icons": "^1.12.1",
34
34
  "@rescui/scripts": "^0.6.0",
35
35
  "@rescui/typography": "^0.30.2"
36
36
  },
@@ -38,5 +38,5 @@
38
38
  "build": "rescui-scripts build"
39
39
  },
40
40
  "nx": {},
41
- "gitHead": "5a6fe218e161f8f97ea1faf56a82b0a5dae2ab4d"
41
+ "gitHead": "de39487aaf7fa1351451b7a4c73b0f6024551e5a"
42
42
  }