@rescui/dropdown 0.13.3 → 0.13.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.
@@ -1,3 +1,3 @@
1
- var styles = {"themeLight":"_themeLight_1u58h81_7","themeDark":"_themeDark_1u58h81_10","dropdown":"_dropdown_1u58h81_14","triggerWrapper":"_triggerWrapper_1u58h81_21","contentWrapper":"_contentWrapper_1u58h81_25","wrapperInitial":"_wrapperInitial_1u58h81_41","wrapperHidden":"_wrapperHidden_1u58h81_45","modeClassic":"_modeClassic_1u58h81_65","modeRock":"_modeRock_1u58h81_69"};
1
+ var styles = {"themeLight":"_themeLight_1bw777n_7","themeDark":"_themeDark_1bw777n_10","dropdown":"_dropdown_1bw777n_14","triggerWrapper":"_triggerWrapper_1bw777n_21","contentWrapper":"_contentWrapper_1bw777n_25","wrapperInitial":"_wrapperInitial_1bw777n_41","wrapperHidden":"_wrapperHidden_1bw777n_45","modeClassic":"_modeClassic_1bw777n_65","modeRock":"_modeRock_1bw777n_69"};
2
2
 
3
3
  export { styles as default };
package/lib/index.css CHANGED
@@ -4,14 +4,14 @@
4
4
  initial-value:0;
5
5
  }
6
6
 
7
- ._themeLight_1u58h81_7{
7
+ ._themeLight_1bw777n_7{
8
8
  --rs-theme-dark:0;
9
9
  }
10
- ._themeDark_1u58h81_10{
10
+ ._themeDark_1bw777n_10{
11
11
  --rs-theme-dark:1;
12
12
  }
13
13
 
14
- ._dropdown_1u58h81_14{
14
+ ._dropdown_1bw777n_14{
15
15
  --_rs-theme-dark:var(
16
16
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
17
17
  var(--rs-theme-dark, 0)
@@ -23,7 +23,7 @@
23
23
 
24
24
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
25
25
 
26
- ._dropdown_1u58h81_14{
26
+ ._dropdown_1bw777n_14{
27
27
  --_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)));
28
28
  --_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)));
29
29
  --_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)));
@@ -34,7 +34,7 @@
34
34
 
35
35
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
36
36
 
37
- ._dropdown_1u58h81_14{
37
+ ._dropdown_1bw777n_14{
38
38
  --_rs-color-primary:rgb(calc(107 * var(--_rs-theme-light-coefficient, 1) + 132 * var(--_rs-theme-dark-coefficient, 0)), calc(87 * var(--_rs-theme-light-coefficient, 1) + 115 * var(--_rs-theme-dark-coefficient, 0)), 255);
39
39
  --_rs-color-primary-dim:rgb(calc(137 * var(--_rs-theme-light-coefficient, 1) + 111 * var(--_rs-theme-dark-coefficient, 0)), calc(121 * var(--_rs-theme-light-coefficient, 1) + 97 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 210 * var(--_rs-theme-dark-coefficient, 0)));
40
40
  --_rs-color-primary-fog:rgb(calc(225 * var(--_rs-theme-light-coefficient, 1) + 46 * var(--_rs-theme-dark-coefficient, 0)), calc(221 * var(--_rs-theme-light-coefficient, 1) + 43 * var(--_rs-theme-dark-coefficient, 0)), calc(255 * var(--_rs-theme-light-coefficient, 1) + 73 * var(--_rs-theme-dark-coefficient, 0)));
@@ -43,16 +43,16 @@
43
43
  }
44
44
  }
45
45
 
46
- ._dropdown_1u58h81_14 {
46
+ ._dropdown_1bw777n_14 {
47
47
  display:flex;
48
48
  flex-direction:column;
49
49
  }
50
50
 
51
- ._triggerWrapper_1u58h81_21{
51
+ ._triggerWrapper_1bw777n_21{
52
52
  display:inline-block;
53
53
  }
54
54
 
55
- ._contentWrapper_1u58h81_25{
55
+ ._contentWrapper_1bw777n_25{
56
56
  position:relative;
57
57
 
58
58
  display:block;
@@ -67,42 +67,42 @@
67
67
  transition:opacity var(--rs-transition-function, ease) 200ms, transform var(--rs-transition-function, ease) 200ms;
68
68
  }
69
69
 
70
- ._wrapperInitial_1u58h81_41{
70
+ ._wrapperInitial_1bw777n_41{
71
71
  transition:none;
72
72
  }
73
73
 
74
- ._wrapperHidden_1u58h81_45{
74
+ ._wrapperHidden_1bw777n_45{
75
75
  opacity:0;
76
76
  }
77
77
 
78
- [data-popper-placement^='top'] ._wrapperHidden_1u58h81_45{
78
+ [data-popper-placement^='top'] ._wrapperHidden_1bw777n_45{
79
79
  transform:translateY(10px);
80
80
  }
81
81
 
82
- [data-popper-placement^='bottom'] ._wrapperHidden_1u58h81_45{
82
+ [data-popper-placement^='bottom'] ._wrapperHidden_1bw777n_45{
83
83
  transform:translateY(-10px);
84
84
  }
85
85
 
86
- [data-popper-placement^='right'] ._wrapperHidden_1u58h81_45{
86
+ [data-popper-placement^='right'] ._wrapperHidden_1bw777n_45{
87
87
  transform:translateX(-10px);
88
88
  }
89
89
 
90
- [data-popper-placement^='left'] ._wrapperHidden_1u58h81_45{
90
+ [data-popper-placement^='left'] ._wrapperHidden_1bw777n_45{
91
91
  transform:translateX(10px);
92
92
  }
93
93
 
94
- ._modeClassic_1u58h81_65 ._contentWrapper_1u58h81_25{
94
+ ._modeClassic_1bw777n_65 ._contentWrapper_1bw777n_25{
95
95
  background-color:rgb(calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 230 * var(--_rs-theme-dark-coefficient, 0)), calc(255 - 227 * var(--_rs-theme-dark-coefficient, 0)));
96
96
  }
97
97
 
98
- ._modeRock_1u58h81_69 ._contentWrapper_1u58h81_25{
98
+ ._modeRock_1bw777n_69 ._contentWrapper_1bw777n_25{
99
99
  background-color:rgb(calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(25 + 230 * var(--_rs-theme-dark-coefficient, 0)), calc(28 + 227 * var(--_rs-theme-dark-coefficient, 0)));
100
100
  }
101
101
 
102
- ._modeClassic_1u58h81_65._themeDark_1u58h81_10 ._contentWrapper_1u58h81_25, ._modeRock_1u58h81_69._themeLight_1u58h81_7 ._contentWrapper_1u58h81_25{
102
+ ._modeClassic_1bw777n_65._themeDark_1bw777n_10 ._contentWrapper_1bw777n_25, ._modeRock_1bw777n_69._themeLight_1bw777n_7 ._contentWrapper_1bw777n_25{
103
103
  color-scheme:dark;
104
104
  }
105
- ._modeRock_1u58h81_69{
105
+ ._modeRock_1bw777n_69{
106
106
  --rs-parent-color-primary-light-theme:var(--rs-color-primary-light-theme);
107
107
  --rs-parent-color-primary-dim-light-theme:var(
108
108
  --rs-color-primary-dim-light-theme
@@ -132,7 +132,7 @@
132
132
  );
133
133
  }
134
134
 
135
- ._modeRock_1u58h81_69 > *{
135
+ ._modeRock_1bw777n_69 > *{
136
136
  --rs-color-primary-dark-theme:var(--rs-parent-color-primary-light-theme);
137
137
  --rs-color-primary-dim-dark-theme:var(
138
138
  --rs-parent-color-primary-dim-light-theme
@@ -8,7 +8,7 @@ Dropdown components allow you to display content in an overlay beneath a trigger
8
8
 
9
9
  #### Fixed width example
10
10
 
11
- ```tsx
11
+ ```jsx
12
12
  import { useState } from 'react';
13
13
  import { Dropdown } from '@rescui/dropdown';
14
14
  import { Button } from '@rescui/button';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/dropdown",
3
- "version": "0.13.3",
3
+ "version": "0.13.4",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -32,7 +32,7 @@
32
32
  },
33
33
  "devDependencies": {
34
34
  "@rescui/colors": "^0.3.6",
35
- "@rescui/icons": "^1.12.0",
35
+ "@rescui/icons": "^1.12.1",
36
36
  "@rescui/scripts": "^0.6.0",
37
37
  "@rescui/typography": "^0.30.2",
38
38
  "@rescui/visual-regression": "^0.1.5"
@@ -41,5 +41,5 @@
41
41
  "build": "rescui-scripts build"
42
42
  },
43
43
  "nx": {},
44
- "gitHead": "5a6fe218e161f8f97ea1faf56a82b0a5dae2ab4d"
44
+ "gitHead": "de39487aaf7fa1351451b7a4c73b0f6024551e5a"
45
45
  }