@rescui/tooltip 0.11.0 → 0.11.2-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.14

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 (9) hide show
  1. package/README.md +3 -1
  2. package/lib/css-vars-utils.d.ts +3 -3
  3. package/lib/index.css +23 -23
  4. package/lib/index.d.ts +7 -8
  5. package/lib/index.js +2 -2
  6. package/lib/tooltip.d.ts +68 -68
  7. package/lib/tooltip.p.module.css.js +7 -7
  8. package/lib/use-tooltip-state.d.ts +7 -7
  9. package/package.json +6 -6
package/README.md CHANGED
@@ -1,3 +1,5 @@
1
1
  # Tooltip
2
2
 
3
- * [Usage examples](./docs/demo.md)
3
+ ## LLM
4
+
5
+ To get the docs for the LLM, check out [this index](./llm/index.md).
package/lib/css-vars-utils.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export declare const extractPrimaryColors: (styles: CSSStyleDeclaration) => Record<string, string>;
2
- /** Check out `@rescui/colors/src/public-api.p.css` file */
3
- export declare const extractThemeFromCss: (styles: CSSStyleDeclaration) => "dark" | "light";
1
+ export declare const extractPrimaryColors: (styles: CSSStyleDeclaration) => Record<string, string>;
2
+ /** Check out `@rescui/colors/src/public-api.p.css` file */
3
+ export declare const extractThemeFromCss: (styles: CSSStyleDeclaration) => "dark" | "light";
package/lib/index.css CHANGED
@@ -1,10 +1,10 @@
1
- ._tooltip_tkksln_5{
1
+ ._tooltip_1kg35ht_5{
2
2
  position:relative;
3
3
  }
4
- ._closing_tkksln_9{
4
+ ._closing_1kg35ht_9{
5
5
  pointer-events:none;
6
6
  }
7
- ._content_tkksln_13{
7
+ ._content_1kg35ht_13{
8
8
  --rs-theme-dark:1;
9
9
  --_rs-tooltip-border-width:1px;
10
10
 
@@ -76,33 +76,33 @@
76
76
  transition:opacity 300ms var(--rs-transition-function, ease), transform 300ms var(--rs-transition-function, ease);
77
77
  transform:translate(0, 0);
78
78
  }
79
- [data-popper-placement='top-end'] ._content_tkksln_13,
80
- [data-popper-placement='bottom-end'] ._content_tkksln_13{
79
+ [data-popper-placement='top-end'] ._content_1kg35ht_13,
80
+ [data-popper-placement='bottom-end'] ._content_1kg35ht_13{
81
81
  margin-right:0;
82
82
  }
83
- [data-popper-placement='top-start'] ._content_tkksln_13,
84
- [data-popper-placement='bottom-start'] ._content_tkksln_13{
83
+ [data-popper-placement='top-start'] ._content_1kg35ht_13,
84
+ [data-popper-placement='bottom-start'] ._content_1kg35ht_13{
85
85
  margin-left:0;
86
86
  }
87
- [data-popper-placement='left-end'] ._content_tkksln_13,
88
- [data-popper-placement='right-end'] ._content_tkksln_13{
87
+ [data-popper-placement='left-end'] ._content_1kg35ht_13,
88
+ [data-popper-placement='right-end'] ._content_1kg35ht_13{
89
89
  margin-bottom:0;
90
90
  }
91
- [data-popper-placement='left-start'] ._content_tkksln_13,
92
- [data-popper-placement='right-start'] ._content_tkksln_13{
91
+ [data-popper-placement='left-start'] ._content_1kg35ht_13,
92
+ [data-popper-placement='right-start'] ._content_1kg35ht_13{
93
93
  margin-top:0;
94
94
  }
95
- ._initial_tkksln_55 ._content_tkksln_13{
95
+ ._initial_1kg35ht_55 ._content_1kg35ht_13{
96
96
  transition:none;
97
97
  }
98
- ._closing_tkksln_9 ._content_tkksln_13{
98
+ ._closing_1kg35ht_9 ._content_1kg35ht_13{
99
99
  transition-duration:200ms, 200ms;
100
100
  }
101
- ._initial_tkksln_55 ._content_tkksln_13,
102
- ._closing_tkksln_9 ._content_tkksln_13{
101
+ ._initial_1kg35ht_55 ._content_1kg35ht_13,
102
+ ._closing_1kg35ht_9 ._content_1kg35ht_13{
103
103
  opacity:0;
104
104
  }
105
- ._outerThemeLight_tkksln_69 ._content_tkksln_13{
105
+ ._outerThemeLight_1kg35ht_69 ._content_1kg35ht_13{
106
106
  --rs-color-primary-dark-theme:var(--rs-color-primary-light-theme);
107
107
  --rs-color-primary-dim-dark-theme:var(--rs-color-primary-dim-light-theme);
108
108
  --rs-color-primary-fog-dark-theme:var(--rs-color-primary-fog-light-theme);
@@ -113,7 +113,7 @@
113
113
  --rs-color-primary-t-fog-light-theme
114
114
  );
115
115
  }
116
- ._outerThemeDark_tkksln_82 ._content_tkksln_13{
116
+ ._outerThemeDark_1kg35ht_82 ._content_1kg35ht_13{
117
117
  --rs-color-primary-light-theme:var(--rs-color-primary-dark-theme);
118
118
  --rs-color-primary-dim-light-theme:var(--rs-color-primary-dim-dark-theme);
119
119
  --rs-color-primary-fog-light-theme:var(--rs-color-primary-fog-dark-theme);
@@ -124,20 +124,20 @@
124
124
  --rs-color-primary-t-fog-dark-theme
125
125
  );
126
126
  }
127
- ._initial_tkksln_55[data-popper-placement^='top'] ._content_tkksln_13, ._closing_tkksln_9[data-popper-placement^='top'] ._content_tkksln_13{
127
+ ._initial_1kg35ht_55[data-popper-placement^='top'] ._content_1kg35ht_13, ._closing_1kg35ht_9[data-popper-placement^='top'] ._content_1kg35ht_13{
128
128
  transform:translate(0, 10px);
129
129
  }
130
- ._initial_tkksln_55[data-popper-placement^='right'] ._content_tkksln_13, ._closing_tkksln_9[data-popper-placement^='right'] ._content_tkksln_13{
130
+ ._initial_1kg35ht_55[data-popper-placement^='right'] ._content_1kg35ht_13, ._closing_1kg35ht_9[data-popper-placement^='right'] ._content_1kg35ht_13{
131
131
  transform:translate(-10px, 0);
132
132
  }
133
- ._initial_tkksln_55[data-popper-placement^='bottom'] ._content_tkksln_13, ._closing_tkksln_9[data-popper-placement^='bottom'] ._content_tkksln_13{
133
+ ._initial_1kg35ht_55[data-popper-placement^='bottom'] ._content_1kg35ht_13, ._closing_1kg35ht_9[data-popper-placement^='bottom'] ._content_1kg35ht_13{
134
134
  transform:translate(0, -10px);
135
135
  }
136
- ._initial_tkksln_55[data-popper-placement^='left'] ._content_tkksln_13, ._closing_tkksln_9[data-popper-placement^='left'] ._content_tkksln_13{
136
+ ._initial_1kg35ht_55[data-popper-placement^='left'] ._content_1kg35ht_13, ._closing_1kg35ht_9[data-popper-placement^='left'] ._content_1kg35ht_13{
137
137
  transform:translate(10px, 0);
138
138
  }
139
- ._trigger_tkksln_114:focus-visible,
140
- ._trigger_tkksln_114:focus[data-focus-method='key']{
139
+ ._trigger_1kg35ht_114:focus-visible,
140
+ ._trigger_1kg35ht_114:focus[data-focus-method='key']{
141
141
  outline:none;
142
142
 
143
143
  box-shadow:var(--rs-color-primary-t-dim-light-theme) 0 0 0 4px;
package/lib/index.d.ts CHANGED
@@ -1,8 +1,7 @@
1
- /// <reference types="react" />
2
- /**
3
- * @deprecated use named import instead
4
- */
5
- declare const DefaultTooltip: import("react").FC<import("./tooltip").TooltipProps>;
6
- export default DefaultTooltip;
7
- export { Tooltip } from './tooltip';
8
- export type { TooltipProps, TooltipPlacement } from './tooltip';
1
+ /**
2
+ * @deprecated use named import instead
3
+ */
4
+ declare const DefaultTooltip: import("react").FC<import("./tooltip").TooltipProps>;
5
+ export default DefaultTooltip;
6
+ export { Tooltip } from './tooltip';
7
+ export type { TooltipProps, TooltipPlacement } from './tooltip';
package/lib/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import './index.css';
2
2
  import { Tooltip } from './tooltip.js';
3
3
  export { Tooltip } from './tooltip.js';
4
- /**
5
- * @deprecated use named import instead
4
+ /**
5
+ * @deprecated use named import instead
6
6
  */
7
7
 
8
8
  const DefaultTooltip = Tooltip;
package/lib/tooltip.d.ts CHANGED
@@ -1,68 +1,68 @@
1
- import React from 'react';
2
- import { StrictModifiers } from '@popperjs/core/lib/types';
3
- import type { Placement } from '@popperjs/core/lib/enums';
4
- interface TriggerTargetRequiredProps {
5
- ref: React.Ref<HTMLElement>;
6
- }
7
- interface TriggerTargetAdditionalProps {
8
- onBlur: (...args: unknown[]) => void;
9
- tabIndex: number;
10
- onMouseEnter: (...args: unknown[]) => void;
11
- onMouseLeave: (...args: unknown[]) => void;
12
- onFocus: (...args: unknown[]) => void;
13
- }
14
- declare type TriggerTargetProps = TriggerTargetRequiredProps | (TriggerTargetRequiredProps & TriggerTargetAdditionalProps);
15
- declare type ChildrenFunc = (arg: {
16
- targetProps: TriggerTargetProps;
17
- }) => React.ReactNode;
18
- export declare type TooltipChildren = ChildrenFunc | React.ReactNode;
19
- export declare type TooltipPlacement = 'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
20
- export interface TooltipProps {
21
- /**
22
- * Target node or `({targetProps}) => node` function
23
- * @type (arg: { targetProps: TriggerTargetProps; }) => ReactNode | ReactNode
24
- */
25
- children: TooltipChildren;
26
- /**
27
- * Wrapper component type if children is not a function
28
- */
29
- targetComponent?: string;
30
- /**
31
- * Tooltip content
32
- */
33
- content?: React.ReactNode;
34
- className?: string;
35
- /**
36
- * "External" state control
37
- */
38
- isVisible?: boolean;
39
- /**
40
- * Pooper.js [modifiers](https://popper.js.org/docs/v2/modifiers/) config
41
- */
42
- modifiers?: StrictModifiers[];
43
- /**
44
- * Please use only `auto`, `top-end`, `right`, `left`, `right-start` or `left-start` to be compliant with styleguide
45
- */
46
- placement?: TooltipPlacement;
47
- /**
48
- * When no space is available on the preferred placement, the tooltip will test
49
- * the ones provided in the list, and use the first useful one.
50
- * See [docs](https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements).
51
- */
52
- fallbackPlacements?: Placement[];
53
- /**
54
- * Disable timeout before hide tooltip after mouse left target,
55
- * use with cation, it can make impossible to click on links inside tooltip
56
- */
57
- disableHideDelay?: boolean;
58
- /** increase offset from the target */
59
- sparse?: boolean;
60
- /**
61
- * If set to true, the tooltip will be rendered adjacent to its triggering element.
62
- * If false or undefined, the tooltip will render at the end of the `document.body` element.
63
- * Should be used when the tooltip content contains interactive elements (e.g. links).
64
- */
65
- renderBesideTrigger?: boolean;
66
- }
67
- export declare const Tooltip: React.FC<TooltipProps>;
68
- export default Tooltip;
1
+ import React from 'react';
2
+ import { StrictModifiers } from '@popperjs/core/lib/types';
3
+ import type { Placement } from '@popperjs/core/lib/enums';
4
+ interface TriggerTargetRequiredProps {
5
+ ref: React.Ref<HTMLElement>;
6
+ }
7
+ interface TriggerTargetAdditionalProps {
8
+ onBlur: (...args: unknown[]) => void;
9
+ tabIndex: number;
10
+ onMouseEnter: (...args: unknown[]) => void;
11
+ onMouseLeave: (...args: unknown[]) => void;
12
+ onFocus: (...args: unknown[]) => void;
13
+ }
14
+ type TriggerTargetProps = TriggerTargetRequiredProps | (TriggerTargetRequiredProps & TriggerTargetAdditionalProps);
15
+ type ChildrenFunc = (arg: {
16
+ targetProps: TriggerTargetProps;
17
+ }) => React.ReactNode;
18
+ export type TooltipChildren = ChildrenFunc | React.ReactNode;
19
+ export type TooltipPlacement = 'auto-start' | 'auto' | 'auto-end' | 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
20
+ export interface TooltipProps {
21
+ /**
22
+ * Target node or `({targetProps}) => node` function
23
+ * @type (arg: { targetProps: TriggerTargetProps; }) => ReactNode | ReactNode
24
+ */
25
+ children: TooltipChildren;
26
+ /**
27
+ * Wrapper component type if children is not a function
28
+ */
29
+ targetComponent?: string;
30
+ /**
31
+ * Tooltip content
32
+ */
33
+ content?: React.ReactNode;
34
+ className?: string;
35
+ /**
36
+ * "External" state control
37
+ */
38
+ isVisible?: boolean;
39
+ /**
40
+ * Pooper.js [modifiers](https://popper.js.org/docs/v2/modifiers/) config
41
+ */
42
+ modifiers?: StrictModifiers[];
43
+ /**
44
+ * Please use only `auto`, `top-end`, `right`, `left`, `right-start` or `left-start` to be compliant with styleguide
45
+ */
46
+ placement?: TooltipPlacement;
47
+ /**
48
+ * When no space is available on the preferred placement, the tooltip will test
49
+ * the ones provided in the list, and use the first useful one.
50
+ * See [docs](https://popper.js.org/docs/v2/modifiers/flip/#fallbackplacements).
51
+ */
52
+ fallbackPlacements?: Placement[];
53
+ /**
54
+ * Disable timeout before hide tooltip after mouse left target,
55
+ * use with cation, it can make impossible to click on links inside tooltip
56
+ */
57
+ disableHideDelay?: boolean;
58
+ /** increase offset from the target */
59
+ sparse?: boolean;
60
+ /**
61
+ * If set to true, the tooltip will be rendered adjacent to its triggering element.
62
+ * If false or undefined, the tooltip will render at the end of the `document.body` element.
63
+ * Should be used when the tooltip content contains interactive elements (e.g. links).
64
+ */
65
+ renderBesideTrigger?: boolean;
66
+ }
67
+ export declare const Tooltip: React.FC<TooltipProps>;
68
+ export default Tooltip;
package/lib/tooltip.p.module.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "tooltip": "_tooltip_tkksln_5",
3
- "closing": "_closing_tkksln_9",
4
- "content": "_content_tkksln_13",
5
- "initial": "_initial_tkksln_55",
6
- "outerThemeLight": "_outerThemeLight_tkksln_69",
7
- "outerThemeDark": "_outerThemeDark_tkksln_82",
8
- "trigger": "_trigger_tkksln_114"
2
+ "tooltip": "_tooltip_1kg35ht_5",
3
+ "closing": "_closing_1kg35ht_9",
4
+ "content": "_content_1kg35ht_13",
5
+ "initial": "_initial_1kg35ht_55",
6
+ "outerThemeLight": "_outerThemeLight_1kg35ht_69",
7
+ "outerThemeDark": "_outerThemeDark_1kg35ht_82",
8
+ "trigger": "_trigger_1kg35ht_114"
9
9
  };
10
10
  export { styles as default };
package/lib/use-tooltip-state.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- export declare enum TOOLTIP_STATES {
2
- OPENING = "OPENING",
3
- OPEN = "OPEN",
4
- CLOSING = "CLOSING",
5
- CLOSE = "CLOSE"
6
- }
7
- export declare function useTooltipState(isOpen: boolean): [() => void, TOOLTIP_STATES];
1
+ export declare enum TOOLTIP_STATES {
2
+ OPENING = "OPENING",
3
+ OPEN = "OPEN",
4
+ CLOSING = "CLOSING",
5
+ CLOSE = "CLOSE"
6
+ }
7
+ export declare function useTooltipState(isOpen: boolean): [() => void, TOOLTIP_STATES];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/tooltip",
3
- "version": "0.11.0",
3
+ "version": "0.11.2-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.14+2a311c841",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -27,14 +27,14 @@
27
27
  "react-dom": ">=16.8.0 <20"
28
28
  },
29
29
  "devDependencies": {
30
- "@rescui/colors": "^0.3.0",
31
- "@rescui/icons": "^1.7.6",
32
- "@rescui/scripts": "^0.5.1",
33
- "@rescui/typography": "^0.27.0"
30
+ "@rescui/colors": "0.3.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.53+2a311c841",
31
+ "@rescui/icons": "1.8.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.14+2a311c841",
32
+ "@rescui/scripts": "0.5.2",
33
+ "@rescui/typography": "0.27.1-RUI-296-Build-docs-md-files-for-each-docs-section-2a311c841.18+2a311c841"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build"
37
37
  },
38
38
  "nx": {},
39
- "gitHead": "e9aedd97a4cc372540ec8d75dda4f122baacca10"
39
+ "gitHead": "2a311c841551a48c46895aff5609fe099bbe1a61"
40
40
  }