@meduza/ui-kit-2 0.8.623 → 0.8.624

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.
@@ -30,7 +30,7 @@ const ButtonLoader = () => ( /*#__PURE__*/React.createElement("svg", {
30
30
  d: "M15 0c8.18 0 14.83 6.547 14.997 14.686L30 15h-2c0-7.077-5.655-12.833-12.693-12.996L15 2V0z"
31
31
  }))));
32
32
 
33
- var styles$I = {"root":"Button-module_root__9OQ5b","gold":"Button-module_gold__q-XBP","isLoading":"Button-module_isLoading__Z53G4","gray":"Button-module_gray__fypDq","sand":"Button-module_sand__e5v-k","dark":"Button-module_dark__qv4NQ","light":"Button-module_light__TLYLT","black":"Button-module_black__GIsbk","red":"Button-module_red__kybni","default":"Button-module_default__utLb-","isInSpoiler":"Button-module_isInSpoiler__pGp-w","ghost":"Button-module_ghost__1s5-r","isInDropdown":"Button-module_isInDropdown__gN7TI","loader":"Button-module_loader__r0Mjs","isFancy":"Button-module_isFancy__gTRmu"};
33
+ var styles$I = {"root":"Button-module_root__9OQ5b","gold":"Button-module_gold__q-XBP","isLoading":"Button-module_isLoading__Z53G4","gray":"Button-module_gray__fypDq","sand":"Button-module_sand__e5v-k","dark":"Button-module_dark__qv4NQ","light":"Button-module_light__TLYLT","black":"Button-module_black__GIsbk","red":"Button-module_red__kybni","default":"Button-module_default__utLb-","isInToolbar":"Button-module_isInToolbar__84SG-","isInSpoiler":"Button-module_isInSpoiler__pGp-w","ghost":"Button-module_ghost__1s5-r","isInDropdown":"Button-module_isInDropdown__gN7TI","loader":"Button-module_loader__r0Mjs","isFancy":"Button-module_isFancy__gTRmu"};
34
34
 
35
35
  const Button = ({
36
36
  theme = 'gold',
@@ -242,6 +242,13 @@
242
242
  }
243
243
  }
244
244
 
245
+ .Button-module_isInToolbar__84SG- {
246
+ display: flex;
247
+ width: 100%;
248
+ justify-content: space-between;
249
+ align-items: center;
250
+ }
251
+
245
252
  .Button-module_isInSpoiler__pGp-w svg {
246
253
  margin-top: -2px;
247
254
  margin-left: 6px;
@@ -2103,6 +2110,7 @@
2103
2110
  }
2104
2111
 
2105
2112
  .Dropdown-module_root__Wv7S- {
2113
+ width: 100%;
2106
2114
  position: relative;
2107
2115
  z-index: auto;
2108
2116
 
@@ -2180,7 +2188,7 @@
2180
2188
 
2181
2189
  .Dropdown-module_menu__11IQL {
2182
2190
  position: absolute;
2183
- z-index: 1;
2191
+ z-index: 2;
2184
2192
  top: 100%;
2185
2193
  left: 0;
2186
2194
 
@@ -2416,6 +2424,7 @@
2416
2424
  display: flex;
2417
2425
  flex-flow: row wrap;
2418
2426
  align-items: center;
2427
+ justify-content: center;
2419
2428
 
2420
2429
  text-align: center;
2421
2430
  }
package/dist/ui-kit.css CHANGED
@@ -242,6 +242,13 @@
242
242
  }
243
243
  }
244
244
 
245
+ .Button-module_isInToolbar__84SG- {
246
+ display: flex;
247
+ width: 100%;
248
+ justify-content: space-between;
249
+ align-items: center;
250
+ }
251
+
245
252
  .Button-module_isInSpoiler__pGp-w svg {
246
253
  margin-top: -2px;
247
254
  margin-left: 6px;
@@ -2103,6 +2110,7 @@
2103
2110
  }
2104
2111
 
2105
2112
  .Dropdown-module_root__Wv7S- {
2113
+ width: 100%;
2106
2114
  position: relative;
2107
2115
  z-index: auto;
2108
2116
 
@@ -2180,7 +2188,7 @@
2180
2188
 
2181
2189
  .Dropdown-module_menu__11IQL {
2182
2190
  position: absolute;
2183
- z-index: 1;
2191
+ z-index: 2;
2184
2192
  top: 100%;
2185
2193
  left: 0;
2186
2194
 
@@ -2416,6 +2424,7 @@
2416
2424
  display: flex;
2417
2425
  flex-flow: row wrap;
2418
2426
  align-items: center;
2427
+ justify-content: center;
2419
2428
 
2420
2429
  text-align: center;
2421
2430
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.8.623",
2
+ "version": "0.8.624",
3
3
  "license": "MIT",
4
4
  "description": "UIKit for Meduza",
5
5
  "repository": "https://github.com/meduza-corp/ui-kit-2.git",
@@ -212,6 +212,13 @@
212
212
  }
213
213
  }
214
214
 
215
+ .isInToolbar {
216
+ display: flex;
217
+ width: 100%;
218
+ justify-content: space-between;
219
+ align-items: center;
220
+ }
221
+
215
222
  .isInSpoiler svg {
216
223
  margin-top: -2px;
217
224
  margin-left: 6px;
@@ -1,4 +1,5 @@
1
1
  .root {
2
+ width: 100%;
2
3
  position: relative;
3
4
  z-index: auto;
4
5
 
@@ -73,7 +74,7 @@
73
74
 
74
75
  .menu {
75
76
  position: absolute;
76
- z-index: 1;
77
+ z-index: 2;
77
78
  top: 100%;
78
79
  left: 0;
79
80
 
@@ -72,6 +72,7 @@
72
72
  display: flex;
73
73
  flex-flow: row wrap;
74
74
  align-items: center;
75
+ justify-content: center;
75
76
 
76
77
  text-align: center;
77
78
  }