@rescui/dropdown 0.7.21-RUI-247-Make-packets-react-19-ready-c06b3c96.4 → 0.7.21

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 (6) hide show
  1. package/lib/dropdown.js +2 -3
  2. package/lib/index.css +29 -29
  3. package/lib/index.p.module.css.js +12 -12
  4. package/lib/use-dropdown-state.js +0 -1
  5. package/lib/use-scrollable-container.js +0 -1
  6. package/package.json +10 -10
package/lib/dropdown.js CHANGED
@@ -1,4 +1,3 @@
1
- "use client";
2
1
  import React, { useState, useImperativeHandle, useContext, useCallback, useEffect } from 'react';
3
2
  import PropTypes from 'prop-types';
4
3
  import cn from 'classnames';
@@ -52,9 +51,9 @@ function getPopperOptions(_ref) {
52
51
  const Portal = _ref2 => {
53
52
  let {
54
53
  children,
55
- target = typeof window !== 'undefined' ? document.body : undefined
54
+ target = document.body
56
55
  } = _ref2;
57
- return target ? /*#__PURE__*/ReactDOM.createPortal(children, target) : null;
56
+ return /*#__PURE__*/ReactDOM.createPortal(children, target);
58
57
  };
59
58
 
60
59
  function useOnOutsideClick(_ref3) {
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes _fadeInTopToBottom_1fsq9ge_1{
1
+ @keyframes _fadeInTopToBottom_16mz5n3_1{
2
2
  0%{
3
3
  opacity:0;
4
4
 
@@ -10,7 +10,7 @@
10
10
  transform:none;
11
11
  }
12
12
  }
13
- @keyframes _fadeInBottomToTop_1fsq9ge_1{
13
+ @keyframes _fadeInBottomToTop_16mz5n3_1{
14
14
  0%{
15
15
  opacity:0;
16
16
 
@@ -22,7 +22,7 @@
22
22
  transform:none;
23
23
  }
24
24
  }
25
- @keyframes _fadeInLeftToRight_1fsq9ge_1{
25
+ @keyframes _fadeInLeftToRight_16mz5n3_1{
26
26
  0%{
27
27
  opacity:0;
28
28
 
@@ -34,7 +34,7 @@
34
34
  transform:none;
35
35
  }
36
36
  }
37
- @keyframes _fadeInRightToLeft_1fsq9ge_1{
37
+ @keyframes _fadeInRightToLeft_16mz5n3_1{
38
38
  0%{
39
39
  opacity:0;
40
40
 
@@ -46,13 +46,13 @@
46
46
  transform:none;
47
47
  }
48
48
  }
49
- ._themeLight_1fsq9ge_60{
49
+ ._themeLight_16mz5n3_60{
50
50
  --rs-theme-dark:0;
51
51
  }
52
- ._themeDark_1fsq9ge_63{
52
+ ._themeDark_16mz5n3_63{
53
53
  --rs-theme-dark:1;
54
54
  }
55
- ._dropdown_1fsq9ge_67{
55
+ ._dropdown_16mz5n3_67{
56
56
  --_rs-theme-dark:var(
57
57
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
58
58
  var(--rs-theme-dark, 0)
@@ -62,7 +62,7 @@
62
62
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
63
63
  }
64
64
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
65
- ._dropdown_1fsq9ge_67{
65
+ ._dropdown_16mz5n3_67{
66
66
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
67
67
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
68
68
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -71,7 +71,7 @@
71
71
  }
72
72
  }
73
73
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
74
- ._dropdown_1fsq9ge_67{
74
+ ._dropdown_16mz5n3_67{
75
75
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
76
76
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
77
77
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -79,14 +79,14 @@
79
79
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
80
80
  }
81
81
  }
82
- ._dropdown_1fsq9ge_67 {
82
+ ._dropdown_16mz5n3_67 {
83
83
  display:flex;
84
84
  flex-direction:column;
85
85
  }
86
- ._triggerWrapper_1fsq9ge_74{
86
+ ._triggerWrapper_16mz5n3_74{
87
87
  display:inline-block;
88
88
  }
89
- ._contentWrapper_1fsq9ge_78{
89
+ ._contentWrapper_16mz5n3_78{
90
90
  position:relative;
91
91
 
92
92
  display:block;
@@ -100,40 +100,40 @@
100
100
 
101
101
  transition:opacity linear 200ms, transform linear 200ms;
102
102
  }
103
- [data-popper-placement^="top" ] ._contentWrapper_1fsq9ge_78{
104
- animation:_fadeInBottomToTop_1fsq9ge_1 ease 200ms;
103
+ [data-popper-placement^="top" ] ._contentWrapper_16mz5n3_78{
104
+ animation:_fadeInBottomToTop_16mz5n3_1 ease 200ms;
105
105
  }
106
- [data-popper-placement^="bottom" ] ._contentWrapper_1fsq9ge_78{
107
- animation:_fadeInTopToBottom_1fsq9ge_1 ease 200ms;
106
+ [data-popper-placement^="bottom" ] ._contentWrapper_16mz5n3_78{
107
+ animation:_fadeInTopToBottom_16mz5n3_1 ease 200ms;
108
108
  }
109
- [data-popper-placement^="right"] ._contentWrapper_1fsq9ge_78{
110
- animation:_fadeInLeftToRight_1fsq9ge_1 ease 200ms;
109
+ [data-popper-placement^="right"] ._contentWrapper_16mz5n3_78{
110
+ animation:_fadeInLeftToRight_16mz5n3_1 ease 200ms;
111
111
  }
112
- [data-popper-placement^="left"] ._contentWrapper_1fsq9ge_78{
113
- animation:_fadeInRightToLeft_1fsq9ge_1 ease 200ms;
112
+ [data-popper-placement^="left"] ._contentWrapper_16mz5n3_78{
113
+ animation:_fadeInRightToLeft_16mz5n3_1 ease 200ms;
114
114
  }
115
- ._wrapperHidden_1fsq9ge_109{
115
+ ._wrapperHidden_16mz5n3_109{
116
116
  opacity:0;
117
117
  }
118
- [data-popper-placement^="top" ] ._wrapperHidden_1fsq9ge_109{
118
+ [data-popper-placement^="top" ] ._wrapperHidden_16mz5n3_109{
119
119
  transform:translateY(10px);
120
120
  }
121
- [data-popper-placement^="bottom" ] ._wrapperHidden_1fsq9ge_109{
121
+ [data-popper-placement^="bottom" ] ._wrapperHidden_16mz5n3_109{
122
122
  transform:translateY(-10px);
123
123
  }
124
- [data-popper-placement^="right"] ._wrapperHidden_1fsq9ge_109{
124
+ [data-popper-placement^="right"] ._wrapperHidden_16mz5n3_109{
125
125
  transform:translateX(-10px);
126
126
  }
127
- [data-popper-placement^="left"] ._wrapperHidden_1fsq9ge_109{
127
+ [data-popper-placement^="left"] ._wrapperHidden_16mz5n3_109{
128
128
  transform:translateX(10px);
129
129
  }
130
- ._modeClassic_1fsq9ge_129 ._contentWrapper_1fsq9ge_78{
130
+ ._modeClassic_16mz5n3_129 ._contentWrapper_16mz5n3_78{
131
131
  background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*207), calc(255 - var(--_rs-theme-dark-coefficient, 0)*204));
132
132
  }
133
- ._modeRock_1fsq9ge_133 ._contentWrapper_1fsq9ge_78{
133
+ ._modeRock_16mz5n3_133 ._contentWrapper_16mz5n3_78{
134
134
  background-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
135
135
  }
136
- ._modeRock_1fsq9ge_133{
136
+ ._modeRock_16mz5n3_133{
137
137
  --rs-parent-color-primary-light-theme:var(--rs-color-primary-light-theme);
138
138
  --rs-parent-color-primary-dim-light-theme:var(--rs-color-primary-dim-light-theme);
139
139
  --rs-parent-color-primary-fog-light-theme:var(--rs-color-primary-fog-light-theme);
@@ -146,7 +146,7 @@
146
146
  --rs-parent-color-primary-t-dim-dark-theme:var(--rs-color-primary-t-dim-dark-theme);
147
147
  --rs-parent-color-primary-t-fog-dark-theme:var(--rs-color-primary-t-fog-dark-theme);
148
148
  }
149
- ._modeRock_1fsq9ge_133 > *{
149
+ ._modeRock_16mz5n3_133 > *{
150
150
  --rs-color-primary-dark-theme:var(--rs-parent-color-primary-light-theme);
151
151
  --rs-color-primary-dim-dark-theme:var(--rs-parent-color-primary-dim-light-theme);
152
152
  --rs-color-primary-fog-dark-theme:var(--rs-parent-color-primary-fog-light-theme);
package/lib/index.p.module.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1fsq9ge_60",
3
- "themeDark": "_themeDark_1fsq9ge_63",
4
- "dropdown": "_dropdown_1fsq9ge_67",
5
- "triggerWrapper": "_triggerWrapper_1fsq9ge_74",
6
- "contentWrapper": "_contentWrapper_1fsq9ge_78",
7
- "fadeInBottomToTop": "_fadeInBottomToTop_1fsq9ge_1",
8
- "fadeInTopToBottom": "_fadeInTopToBottom_1fsq9ge_1",
9
- "fadeInLeftToRight": "_fadeInLeftToRight_1fsq9ge_1",
10
- "fadeInRightToLeft": "_fadeInRightToLeft_1fsq9ge_1",
11
- "wrapperHidden": "_wrapperHidden_1fsq9ge_109",
12
- "modeClassic": "_modeClassic_1fsq9ge_129",
13
- "modeRock": "_modeRock_1fsq9ge_133"
2
+ "themeLight": "_themeLight_16mz5n3_60",
3
+ "themeDark": "_themeDark_16mz5n3_63",
4
+ "dropdown": "_dropdown_16mz5n3_67",
5
+ "triggerWrapper": "_triggerWrapper_16mz5n3_74",
6
+ "contentWrapper": "_contentWrapper_16mz5n3_78",
7
+ "fadeInBottomToTop": "_fadeInBottomToTop_16mz5n3_1",
8
+ "fadeInTopToBottom": "_fadeInTopToBottom_16mz5n3_1",
9
+ "fadeInLeftToRight": "_fadeInLeftToRight_16mz5n3_1",
10
+ "fadeInRightToLeft": "_fadeInRightToLeft_16mz5n3_1",
11
+ "wrapperHidden": "_wrapperHidden_16mz5n3_109",
12
+ "modeClassic": "_modeClassic_16mz5n3_129",
13
+ "modeRock": "_modeRock_16mz5n3_133"
14
14
  };
15
15
  export { styles as default };
package/lib/use-dropdown-state.js CHANGED
@@ -1,4 +1,3 @@
1
- "use client";
2
1
  import { useState, useRef, useCallback } from 'react';
3
2
  var DROPDOWN_STATES;
4
3
 
package/lib/use-scrollable-container.js CHANGED
@@ -1,4 +1,3 @@
1
- "use client";
2
1
  import { useState, useEffect } from 'react';
3
2
 
4
3
  function isOverflown(element) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/dropdown",
3
- "version": "0.7.21-RUI-247-Make-packets-react-19-ready-c06b3c96.4+c06b3c96",
3
+ "version": "0.7.21",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -24,20 +24,20 @@
24
24
  },
25
25
  "peerDependencies": {
26
26
  "@rescui/ui-contexts": "^0.5.0",
27
- "prop-types": "^15",
28
- "react": ">=16.8.0 <20",
29
- "react-dom": ">=16.8.0 <20"
27
+ "prop-types": "^15.7.2",
28
+ "react": ">=16.8.0 <19",
29
+ "react-dom": ">=16.8.0 <19"
30
30
  },
31
31
  "devDependencies": {
32
- "@rescui/colors": "0.2.10-RUI-247-Make-packets-react-19-ready-c06b3c96.4+c06b3c96",
33
- "@rescui/icons": "1.2.1-RUI-247-Make-packets-react-19-ready-c06b3c96.4+c06b3c96",
34
- "@rescui/scripts": "0.5.0",
35
- "@rescui/typography": "0.23.3-RUI-247-Make-packets-react-19-ready-c06b3c96.4+c06b3c96",
36
- "@rescui/visual-regression": "0.1.2"
32
+ "@rescui/colors": "^0.2.9",
33
+ "@rescui/icons": "^1.3.0",
34
+ "@rescui/scripts": "^0.5.0",
35
+ "@rescui/typography": "^0.23.2",
36
+ "@rescui/visual-regression": "^0.1.2"
37
37
  },
38
38
  "scripts": {
39
39
  "build": "rescui-scripts build"
40
40
  },
41
41
  "nx": {},
42
- "gitHead": "c06b3c969a1e66ca4bb7a6b7f3f2e77746682f13"
42
+ "gitHead": "dc462993267eeadb1f830f8d227e459a060d10cc"
43
43
  }