@rescui/dropdown 0.9.1-RUI-275-Propagate-rest-props-for-Dropdown-6b62f4f9.9 → 0.9.2

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 (4) hide show
  1. package/lib/dropdown.js +2 -4
  2. package/lib/dropdown.p.module.css.js +12 -12
  3. package/lib/index.css +29 -29
  4. package/package.json +7 -7
package/lib/dropdown.js CHANGED
@@ -136,8 +136,7 @@ const DropdownRender = (_ref5, externalRef) => {
136
136
  closeOnEsc = true,
137
137
  closeOnTab = false,
138
138
  disableFocusLock = false,
139
- renderInTrigger = false,
140
- ...restProps
139
+ renderInTrigger = false
141
140
  } = _ref5;
142
141
  const [popperRef, setPopperRef] = useState(null);
143
142
  const [triggerRef, setTriggerRef] = useState(null);
@@ -223,8 +222,6 @@ const DropdownRender = (_ref5, externalRef) => {
223
222
  target: renderInTrigger ? triggerRef : undefined
224
223
  }, /*#__PURE__*/React.createElement("div", {
225
224
  ref: setPopperRef,
226
- "data-test": "dropdown",
227
- ...restProps,
228
225
  style: {
229
226
  maxHeight,
230
227
  ...popperStyles.popper,
@@ -232,6 +229,7 @@ const DropdownRender = (_ref5, externalRef) => {
232
229
  ...primaryColors
233
230
  },
234
231
  className: cn(styles.dropdown, className, MODE_STYLES[mode], THEME_STYLES[theme]),
232
+ "data-test": "dropdown",
235
233
  ...attributes.popper
236
234
  }, /*#__PURE__*/React.createElement(LayeringProvider, {
237
235
  baseLayer: 'dropdown'
package/lib/dropdown.p.module.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  var styles = {
2
- "themeLight": "_themeLight_1jfs100_60",
3
- "themeDark": "_themeDark_1jfs100_63",
4
- "dropdown": "_dropdown_1jfs100_67",
5
- "triggerWrapper": "_triggerWrapper_1jfs100_74",
6
- "contentWrapper": "_contentWrapper_1jfs100_78",
7
- "fadeInBottomToTop": "_fadeInBottomToTop_1jfs100_1",
8
- "fadeInTopToBottom": "_fadeInTopToBottom_1jfs100_1",
9
- "fadeInLeftToRight": "_fadeInLeftToRight_1jfs100_1",
10
- "fadeInRightToLeft": "_fadeInRightToLeft_1jfs100_1",
11
- "wrapperHidden": "_wrapperHidden_1jfs100_109",
12
- "modeClassic": "_modeClassic_1jfs100_129",
13
- "modeRock": "_modeRock_1jfs100_133"
2
+ "themeLight": "_themeLight_705d8m_60",
3
+ "themeDark": "_themeDark_705d8m_63",
4
+ "dropdown": "_dropdown_705d8m_67",
5
+ "triggerWrapper": "_triggerWrapper_705d8m_74",
6
+ "contentWrapper": "_contentWrapper_705d8m_78",
7
+ "fadeInBottomToTop": "_fadeInBottomToTop_705d8m_1",
8
+ "fadeInTopToBottom": "_fadeInTopToBottom_705d8m_1",
9
+ "fadeInLeftToRight": "_fadeInLeftToRight_705d8m_1",
10
+ "fadeInRightToLeft": "_fadeInRightToLeft_705d8m_1",
11
+ "wrapperHidden": "_wrapperHidden_705d8m_109",
12
+ "modeClassic": "_modeClassic_705d8m_129",
13
+ "modeRock": "_modeRock_705d8m_133"
14
14
  };
15
15
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- @keyframes _fadeInTopToBottom_1jfs100_1{
1
+ @keyframes _fadeInTopToBottom_705d8m_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_1jfs100_1{
13
+ @keyframes _fadeInBottomToTop_705d8m_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_1jfs100_1{
25
+ @keyframes _fadeInLeftToRight_705d8m_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_1jfs100_1{
37
+ @keyframes _fadeInRightToLeft_705d8m_1{
38
38
  0%{
39
39
  opacity:0;
40
40
 
@@ -46,13 +46,13 @@
46
46
  transform:none;
47
47
  }
48
48
  }
49
- ._themeLight_1jfs100_60{
49
+ ._themeLight_705d8m_60{
50
50
  --rs-theme-dark:0;
51
51
  }
52
- ._themeDark_1jfs100_63{
52
+ ._themeDark_705d8m_63{
53
53
  --rs-theme-dark:1;
54
54
  }
55
- ._dropdown_1jfs100_67{
55
+ ._dropdown_705d8m_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_1jfs100_67{
65
+ ._dropdown_705d8m_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_1jfs100_67{
74
+ ._dropdown_705d8m_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_1jfs100_67 {
82
+ ._dropdown_705d8m_67 {
83
83
  display:flex;
84
84
  flex-direction:column;
85
85
  }
86
- ._triggerWrapper_1jfs100_74{
86
+ ._triggerWrapper_705d8m_74{
87
87
  display:inline-block;
88
88
  }
89
- ._contentWrapper_1jfs100_78{
89
+ ._contentWrapper_705d8m_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_1jfs100_78{
104
- animation:_fadeInBottomToTop_1jfs100_1 ease 200ms;
103
+ [data-popper-placement^="top" ] ._contentWrapper_705d8m_78{
104
+ animation:_fadeInBottomToTop_705d8m_1 ease 200ms;
105
105
  }
106
- [data-popper-placement^="bottom" ] ._contentWrapper_1jfs100_78{
107
- animation:_fadeInTopToBottom_1jfs100_1 ease 200ms;
106
+ [data-popper-placement^="bottom" ] ._contentWrapper_705d8m_78{
107
+ animation:_fadeInTopToBottom_705d8m_1 ease 200ms;
108
108
  }
109
- [data-popper-placement^="right"] ._contentWrapper_1jfs100_78{
110
- animation:_fadeInLeftToRight_1jfs100_1 ease 200ms;
109
+ [data-popper-placement^="right"] ._contentWrapper_705d8m_78{
110
+ animation:_fadeInLeftToRight_705d8m_1 ease 200ms;
111
111
  }
112
- [data-popper-placement^="left"] ._contentWrapper_1jfs100_78{
113
- animation:_fadeInRightToLeft_1jfs100_1 ease 200ms;
112
+ [data-popper-placement^="left"] ._contentWrapper_705d8m_78{
113
+ animation:_fadeInRightToLeft_705d8m_1 ease 200ms;
114
114
  }
115
- ._wrapperHidden_1jfs100_109{
115
+ ._wrapperHidden_705d8m_109{
116
116
  opacity:0;
117
117
  }
118
- [data-popper-placement^="top" ] ._wrapperHidden_1jfs100_109{
118
+ [data-popper-placement^="top" ] ._wrapperHidden_705d8m_109{
119
119
  transform:translateY(10px);
120
120
  }
121
- [data-popper-placement^="bottom" ] ._wrapperHidden_1jfs100_109{
121
+ [data-popper-placement^="bottom" ] ._wrapperHidden_705d8m_109{
122
122
  transform:translateY(-10px);
123
123
  }
124
- [data-popper-placement^="right"] ._wrapperHidden_1jfs100_109{
124
+ [data-popper-placement^="right"] ._wrapperHidden_705d8m_109{
125
125
  transform:translateX(-10px);
126
126
  }
127
- [data-popper-placement^="left"] ._wrapperHidden_1jfs100_109{
127
+ [data-popper-placement^="left"] ._wrapperHidden_705d8m_109{
128
128
  transform:translateX(10px);
129
129
  }
130
- ._modeClassic_1jfs100_129 ._contentWrapper_1jfs100_78{
130
+ ._modeClassic_705d8m_129 ._contentWrapper_705d8m_78{
131
131
  background-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
132
132
  }
133
- ._modeRock_1jfs100_133 ._contentWrapper_1jfs100_78{
133
+ ._modeRock_705d8m_133 ._contentWrapper_705d8m_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_1jfs100_133{
136
+ ._modeRock_705d8m_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_1jfs100_133 > *{
149
+ ._modeRock_705d8m_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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/dropdown",
3
- "version": "0.9.1-RUI-275-Propagate-rest-props-for-Dropdown-6b62f4f9.9+6b62f4f9",
3
+ "version": "0.9.2",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -29,15 +29,15 @@
29
29
  "react-dom": ">=16.8.0 <20"
30
30
  },
31
31
  "devDependencies": {
32
- "@rescui/colors": "0.2.13-RUI-275-Propagate-rest-props-for-Dropdown-6b62f4f9.9+6b62f4f9",
33
- "@rescui/icons": "1.6.3-RUI-275-Propagate-rest-props-for-Dropdown-6b62f4f9.9+6b62f4f9",
34
- "@rescui/scripts": "0.5.1",
35
- "@rescui/typography": "0.24.3-RUI-275-Propagate-rest-props-for-Dropdown-6b62f4f9.9+6b62f4f9",
36
- "@rescui/visual-regression": "0.1.4"
32
+ "@rescui/colors": "^0.2.12",
33
+ "@rescui/icons": "^1.7.1",
34
+ "@rescui/scripts": "^0.5.1",
35
+ "@rescui/typography": "^0.24.2",
36
+ "@rescui/visual-regression": "^0.1.4"
37
37
  },
38
38
  "scripts": {
39
39
  "build": "rescui-scripts build"
40
40
  },
41
41
  "nx": {},
42
- "gitHead": "6b62f4f9995320cebd2d8e5f22721831bf2e65fd"
42
+ "gitHead": "34b1b6e1e7fbdbd6a905c918cf1f011995f79ced"
43
43
  }